@charset "UTF-8";
/* CSS Document */

/* FONT AWESOME
 * -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.4.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'EurostileLTStd-Bold'; src: url('../fonts/EurostileLTStd-Bold.eot'); src: local('☺'), url('../fonts/EurostileLTStd-Bold.woff') format('woff'), url('../fonts/EurostileLTStd-Bold.ttf') format('truetype'), url('../fonts/EurostileLTStd-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; }
body { font-size: 12px; line-height: 1; color: #333; font-family: Tahoma, Geneva, sans-serif; }
ol, ul { list-style: none }
li { list-style: none; }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a img { border: none!important; }
* { margin: 0 }
.clear { clear: both; display: block; }
a:link, a:visited, a:hover, a:active { color: #0C4778; text-decoration: none; }
*, *::after, *::before { box-sizing: border-box; }
input, select { border-radius: 0; }
html { -webkit-text-size-adjust: 100%; height: 100%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
strong { font-weight: bold; }
/* PREVENIR FONT BOOSTING EN ANDROID */
/*html * { max-height:1000000px; }*/

/*---------------------------------------------------*/
/*-- GENERAL ---------------------------------------*/
#wrapper { background: #F6F6F6; }
.wrap { max-width: 1016px; padding: 0 10px; margin: auto; position: relative; }
.list li { list-style: disc; list-style-position: inside; }
.li-01 li { background: url("../images/li-01.gif") no-repeat 0 3px; min-height: 12px; margin-bottom: 10px; padding-left: 25px; }
.full-width { margin: 0 -15px 25px -15px; }
.full-width img { width: 100%; height: auto; }
.col1 { margin-bottom: 30px; }

.placa-wrap { display: none; }
.placa-wrap .placa { position: absolute; width: 100%; }
.placa { display: block; max-width: 250px; margin: auto; text-align: center; background: #175DA0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: -moz-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #175DA0), color-stop(40%, #348BC4), color-stop(60%, #348BC4), color-stop(100%, #175DA0)); background: -webkit-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -o-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -ms-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: linear-gradient(to right, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); }
.placa em { display: block; margin: 1em auto 0 auto; width: 80%; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px!important; line-height: 20px; color: #000!important; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 20px; background: #FDEE44; background: -moz-linear-gradient(top, #FDEE44 0%, #FB9E1D 88%, #CC8625 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FDEE44), color-stop(88%, #FB9E1D), color-stop(100%, #CC8625)); background: -webkit-linear-gradient(top, #FDEE44 0%, #FB9E1D 88%, #CC8625 100%); background: -o-linear-gradient(top, #FDEE44 0%, #FB9E1D 88%, #CC8625 100%); background: -ms-linear-gradient(top, #FDEE44 0%, #FB9E1D 88%, #CC8625 100%); background: linear-gradient(to bottom, #FDEE44 0%, #FB9E1D 88%, #CC8625 100%); }
.placa strong { color: rgba(255,255,255,0.9); font-size: 1.25em; display: block; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 5px; text-transform: uppercase; background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%); }
.placa .topmargin { margin-top: 10px; }
.placa .nomargin { margin-top: 0; }
.placa .high { display: block; margin-top: 10px; color: #FF0; line-height: 1.2em; }
.placa .high .premium { display: block; text-indent: -9999px; width: 63px; height: 25px; background: url("../images/placa-premium.png") no-repeat; margin: 5px auto 0 auto; }
.placa:hover em { color: #FFF!important; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #4D4D4D 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #303030), color-stop(100%, #4D4D4D)); background: -webkit-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: -o-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: -ms-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: linear-gradient(to bottom, #303030 0%, #4D4D4D 100%); }
.placa p { margin-top: 10px; line-height: 1.2em; color: #FFF; }
.wide, header #destacados, header #noticiasContainer, header nav, .destacadosProgTit, #destacadosProg { display: none; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-search:before { content: "\f002"; }
.fa-close:before { content: "\f00d"; }
.fa-gear:before { content: "\f013"; }
.fa-play:before { content: "\f04b"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-filter:before { content: "\f0b0"; }
.fa-navicon:before { content: "\f0c9"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-plus:before { content: "\f067"; }

.btn-gray { display: block; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11px; text-align: center; color: #000!important; line-height: 20px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 20px; background: #FDFDFD; background: -moz-linear-gradient(top, #FDFDFD 0%, #D2D2D2 88%, #E5E5E5 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FDFDFD), color-stop(88%, #D2D2D2), color-stop(100%, #E5E5E5)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #D2D2D2 88%, #E5E5E5 100%); background: -o-linear-gradient(top, #FDFDFD 0%, #D2D2D2 88%, #E5E5E5 100%); background: -ms-linear-gradient(top, #FDFDFD 0%, #D2D2D2 88%, #E5E5E5 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #D2D2D2 88%, #E5E5E5 100%); }
.btn-gray:hover { color: #FFF!important; background: #303030; background: -moz-linear-gradient(top, #303030 0%, #4D4D4D 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #303030), color-stop(100%, #4D4D4D)); background: -webkit-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: -o-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: -ms-linear-gradient(top, #303030 0%, #4D4D4D 100%); background: linear-gradient(to bottom, #303030 0%, #4D4D4D 100%); }

.tabbed { position: relative; overflow: hidden; }
.tabbed .nav li { float: left; }
.tabbed .cont { position: absolute; left: 0; }
.tabbed .cont li { float: left; }
#grilla { display: none; }

.accordion { margin-top: 30px; }
.accordion dt { margin-bottom: 5px; }
.accordion dt a { display: block; padding: 5px 50px 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 12px; line-height: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
.accordion dt a .masInfo { position: absolute; top: 5px; right: 15px; z-index: 1000; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-shadow: none; }
.accordion dd { padding: 15px; }

.btn-container { clear: both; margin-top: 20px; }

.btn-programacion { text-transform: uppercase; color: #FFF!important; font-weight: 600; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.programacion-desktop .btn-programacion { display: inline-block; padding: 6px 20px; font-size: 13px; background: #002254; background: -moz-linear-gradient(top, #002254 0%, #004BA0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #002254), color-stop(100%, #004BA0)); background: -webkit-linear-gradient(top, #002254 0%, rgsba(0,75,160,1) 100%); background: -o-linear-gradient(top, #002254 0%, #004BA0 100%); background: -ms-linear-gradient(top, #002254 0%, #004BA0 100%); background: linear-gradient(to bottom, #002254 0%, #004BA0 100%); }
.programacion-desktop .btn-programacion:hover { background: #FFF!important; color: #004BA0!important; }
.programacion-mobile .btn-programacion { display: block; padding: 10px; text-align: center; font-size: 14px; background: #DF2822; background: -moz-linear-gradient(top, #DF2822 0%, #961B1B 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #DF2822), color-stop(100%, #961B1B)); background: -webkit-linear-gradient(top, #DF2822 0%, #961B1B 100%); background: -o-linear-gradient(top, #DF2822 0%, #961B1B 100%); background: -ms-linear-gradient(top, #DF2822 0%, #961B1B 100%); background: linear-gradient(to bottom, #DF2822 0%, #961B1B 100%); }

.formBtn { border: none; cursor: pointer; color: #08468D; font-size: 13px; line-height: 25px; height: 25px; padding: 0 25px; font-weight: bold; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); background: #FFF; background: -moz-linear-gradient(top, #FFF 0%, #ECEFF1 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ECEFF1)); background: -webkit-linear-gradient(top, #FFF 0%, #ECEFF1 100%); background: -o-linear-gradient(top, #FFF 0%, #ECEFF1 100%); background: -ms-linear-gradient(top, #FFF 0%, #ECEFF1 100%); background: linear-gradient(to bottom, #FFF 0%, #ECEFF1 100%); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formBtn:hover, .formBtn:active { color: #FFF; background: #3288C3; background: -moz-linear-gradient(top, #3288C3 0%, #044994 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3288C3), color-stop(100%, #044994)); background: -webkit-linear-gradient(top, #3288C3 0%, #044994 100%); background: -o-linear-gradient(top, #3288C3 0%, #044994 100%); background: -ms-linear-gradient(top, #3288C3 0%, #044994 100%); background: linear-gradient(to bottom, #3288C3 0%, #044994 100%); }

.table-responsive > .table { width: 100%; }


/*-------------------------------------------------------------------------*/
/*-- EMBED YOUTUBE --------------------------------------------------------*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 2em 0; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*---------------------------------------------------*/
/*-- MENU MOBILE -----------------------------------*/
.menu-wrap { position: fixed; z-index: 1001; top: 0; width: 220px; height: 100%; padding-top: 50px; background: rgba(0,0,0,0.8); -webkit-transform: translate3d(-220px,0,0); transform: translate3d(-220px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); overflow: hidden; font-size: 16px; }
.menu-wrap li a { display: block; color: #E5E5E5; text-transform: uppercase; }
.menu-wrap nav li a { font-size: .8em; padding: 0.5em 1em; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.menu-wrap .fa-close { width: 50px; height: 50px; position: absolute; right: 0; top: 0; font-size: 1.6em; text-align: center; line-height: 50px; color: #00B6EF; }
.show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); }
.menu-wrap nav .pri, .menu-wrap nav .sec { margin-bottom: 1em; }
.menu-wrap nav .sec li a { color: rgba(255,255,255,0.6); }
.menu-wrap nav .not li a { color: #00B6EF; }



.only-desktop { display: none; }

@media only screen and (min-width: 768px) {
.only-mobile { display: none!important; }
.only-desktop { display: block!important; }
}

/* APPENDAROUND ---------- */
.image-desktop, .programacion-desktop { display: none; }
.image-mobile, .programacion-mobile { display: block; }


@media only screen and (min-width: 984px) {
/* APPENDAROUND ---------- */
.image-desktop, .programacion-desktop { display: block; }
.image-mobile, .programacion-mobile { display: none; }
}

/*-------------------------------------------------------------*/
/*-- PLUG-INS ------------------------------------------------*/
/*-----------------------------------------------------------*/
.mCSB_container { width: auto; margin-right: 20px; overflow: hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right: 0; }
.mCustomScrollBox .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer { padding-bottom: 40px; }
.mCSB_scrollTools .mCSB_draggerRail { width: 8px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; margin-top: -40px; }
/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools { opacity: 0.75; }
.mCustomScrollBox:hover .mCSB_scrollTools { opacity: 1; }
.mCSB_scrollTools .mCSB_draggerRail { background: #000; background: rgba(0,0,0,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #333; background: rgba(0,0,0,0.60); filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url("../../CCCResponsive/css/mCSB_buttons.png"); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
.scroller{ overflow:auto; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/blank.gif"); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
.fancybox-title { background: #444; color: #FFF; padding: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.fancybox-title time { color: #B4B4B4; font-size: 10px; }
.fancybox-title h3 { font-size: 18px; line-height: 20px; margin-top: 4px; }
.fancybox-title p { font-size: 12px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite@2x.png"); background-size: 44px 152px; }
#fancybox-loading div { background-image: url("../images/fancybox_loading@2x.gif"); background-size: 24px 24px; }
}

/* Owl Carousel v2.2.1 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: pan-Y; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-nav { position: absolute; top: 60%; width: 100%; margin-top: -33px; }
.owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; width: 46px; height: 66px; background: url("../images/sprites/galeria-flechas-m.png") no-repeat; }
.owl-carousel .owl-prev { left: 0; }
.owl-carousel .owl-next { right: 0; background-position: -46px 0; }
.owl-carousel .owl-dots { height: 12px; }
.owl-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 2px; }
.owl-carousel .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px solid rgba(0,0,0,0.7); }
.owl-carousel .owl-dots .owl-dot span:hover { background: rgba(0,0,0,0.5); }
.owl-carousel .owl-dots .owl-dot.active span { border: none; background: #1DB7ED; }
@media only screen and (min-width: 984px) {
.owl-carousel .owl-nav { margin-top: -35px; }
.owl-carousel .owl-prev, .owl-carousel .owl-next { height: 70px; background-image: url("../images/sprites/galeria-flechas-d.png"); }
.owl-carousel .owl-prev { left: -10px; }
.owl-carousel .owl-next { right: -10px; }
}

/* liScroll styles */
.tickercontainer { position: absolute; height: 50px; width: 100%; left: 0; bottom: 0; overflow: hidden; background: url("../images/noticiasFeed-back.jpg") repeat-x; }
.tickercontainer .mask { position: relative; left: 40px; top: 0; height: 50px; width: 784px; overflow: hidden; }


/*---------------------------------------------------*/
/*-- HEADER ----------------------------------------*/
header { z-index: 1000; position: fixed; top: 0; width: 100%; height: 50px; overflow: hidden; background: #19274D; box-shadow: 0 0 5px rgba(0,0,0,0.5); background: -moz-linear-gradient(left, #19274D 0%, #264388 20%, #3963C8 45%, #3963C8 55%, #264388 80%, #19274D 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #19274D), color-stop(20%, #264388), color-stop(45%, #3963C8), color-stop(55%, #3963C8), color-stop(80%, #264388), color-stop(100%, #19274D)); background: -webkit-linear-gradient(left, #19274D 0%, #264388 20%, #3963C8 45%, #3963C8 55%, #264388 80%, #19274D 100%); background: -o-linear-gradient(left, #19274D 0%, #264388 20%, #3963C8 45%, #3963C8 55%, #264388 80%, #19274D 100%); background: -ms-linear-gradient(left, #19274D 0%, #264388 20%, #3963C8 45%, #3963C8 55%, #264388 80%, #19274D 100%); background: linear-gradient(to right, #19274D 0%, #264388 20%, #3963C8 45%, #3963C8 55%, #264388 80%, #19274D 100%); }
header .wrap { height: auto; width: 100%; padding: 0; }
header h1 { position: relative; left: 0; top: 4px; width: 180px; height: 45px; margin: auto; }
header h1 a { display: block; width: 160px; height: 40px; background: url("../images/logo-mobile.png") no-repeat; text-indent: -9999px; }
header .fa { position: absolute; top: 0; display: block; font-size: 1.6em; text-align: center; line-height: 50px; width: 50px; height: 50px; color: #FFF; }
header .fa:hover { background-color: #193471; }
header .fa-navicon { right: 0; }

header .whatsapp { display: flex; align-items: center; justify-content: center; width: 40px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 50px; }
header .whatsapp span { display: block; width: 22px; height: 22px; text-indent: -9999px; background: url("../images/btn-whatsapp.png") no-repeat; background-position: 0 0; background-size: 100% 200%; }
header .whatsapp:hover span { background-position: 0 100%; }


.social i { display: inline-block; background: url('../images/social-icons.png') no-repeat; background-size: 300% 100%; width: 20px; height: 20px; text-indent: -9999px; }
.social i.ws { background-position: 0 0; }
.social i.fb { background-position: 50% 0; }
.social i.in { background-position: 100% 0; }

header .social { display: none; }
.menu-wrap .social { margin-top: 1em; }
.menu-wrap .social a { display: flex; align-items: center; gap: 10px; padding: 0.35em 1em; }

@media only screen and (min-width: 984px) {
header .social { display: flex; gap: 0.6em; height: 26px; align-items: center; position: absolute; right: 0; top: 104px; background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); padding: 0 20px 0 100px; }
}


/*---------------------------------------------------*/
/*-- SECTION ---------------------------------------*/
section { position: relative; width: 100%; margin: auto; margin-top: 50px; z-index: 100; -webkit-box-shadow: inset 0 30px 30px -35px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 30px 30px -35px rgba(0,0,0,0.5); box-shadow: inset 0 30px 30px -35px rgba(0,0,0,0.5); }
section .article-image { display: block; width: 100%; height: auto; margin: 1em auto 0 auto; max-width: 580px; }
.textoBase { padding-top: 30px; color: #333; font-size: 1.05em; line-height: 1.2em; width: 100%; }
.textoBase hgroup { margin-bottom: 30px; }
.textoBase h2, .textoBase h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; }
.textoBase h2 { font-size: 2.5em; line-height: 1.2em; margin-bottom: 10px; text-transform: uppercase; }
.textoBase h2 img { display: inline; height: 30px; width: auto; position: relative; top: 4px; }
.textoBase h3 { font-size: 1.2em; margin-bottom: 8px; color: #1964A5; }
.textoBase p { margin-bottom: 18px; }
.textoBase em { font-style: normal; font-size: 13px; color: #666; }
#programas-filtro { font-size: 0; margin-bottom: 40px; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#programas-filtro li { display: inline-block; width: 50%; border-bottom: 4px solid #000; background: #ECECEC; background: -moz-linear-gradient(top, #FFF 0%, #ECECEC 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ECECEC)); background: -webkit-linear-gradient(top, #FFF 0%, #ECECEC 100%); background: -o-linear-gradient(top, #FFF 0%, #ECECEC 100%); background: -ms-linear-gradient(top, #FFF 0%, #ECECEC 100%); background: linear-gradient(to bottom, #FFF 0%, #ECECEC 100%); }
#programas-filtro li.act { background: #D7D7D7; background: -moz-linear-gradient(top, #FFF 0%, #D7D7D7 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #D7D7D7)); background: -webkit-linear-gradient(top, #FFF 0%, #D7D7D7 100%); background: -o-linear-gradient(top, #FFF 0%, #D7D7D7 100%); background: -ms-linear-gradient(top, #FFF 0%, #D7D7D7 100%); background: linear-gradient(to bottom, #FFF 0%, #D7D7D7 100%); }
#programas-filtro li:nth-child(odd) { border-right: 1px solid #CCC; }
#programas-filtro li a { display: block; background-repeat: no-repeat; text-indent: -9999px; margin: 10px auto; width: 107px; height: 20px; }
#programas-filtro li.tod { border-bottom-color: #666; border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
#destacados #programas-filtro li a { background-size: 107px 80px; }
#programacionPropia #programas-filtro li a { background-size: 107px 100px; }
/* #programas-filtro li.tod a { background-position: -20px 0; } */
#programas-listado { margin-bottom: 20px; font-size: 0; text-align: center; }
#programas-listado li { position: relative; display: inline-block; width: 48%; margin: 0 1% 10px 1%; padding: 4px; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); background: #FFF; }
#programas-listado li a { display: block; }
#programas-listado li .image { position: relative; width: 100%; line-height: 0; }
#programas-listado li .main { width: 100%; height: auto; }
#programas-listado li .logo { position: absolute; bottom: 0; left: 0; padding-top: 20px; width: 40px; background: #FEFCFC; background: -moz-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,252,252,0)), color-stop(100%, #FEFCFC)); background: -webkit-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -o-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -ms-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: linear-gradient(to bottom, rgba(254,252,252,0) 0%, #FEFCFC 100%); }
#programas-listado li .logo img { width: 36px; height: 36px; }


#programas-listado li .canales { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; }
#programas-listado li .canales.cant_3 { height: 60px; }
#programas-listado li .canales li { position: relative; text-align: center; font-size: 11px; margin: 0; width: 40px; height: 40px; color: #FFF; font-weight: 600; text-shadow: none; border: none; margin-right: 0; padding: 0; -moz-box-shadow: none;-webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; line-height: 40px; }
#programas-listado li .canales.cant_2 li, #programas-listado li .canales.cant_3 li { height: 20px; font-size: 10px; line-height: 20px; }
#programas-listado li .canales li.ccc { background: #DCDCDC; background: -moz-linear-gradient(0deg, #DCDCDC 0%, #F5F5F5 100%); background: -webkit-linear-gradient(0deg, #DCDCDC 0%, #F5F5F5 100%); background: linear-gradient(0deg, #DCDCDC 0%, #F5F5F5 100%); color: #333; }
#programas-listado li .canales li.dig { background: #9D9D9D; background: -moz-linear-gradient(0deg, #9D9D9D 0%, #BCBCBC 100%); background: -webkit-linear-gradient(0deg, #9D9D9D 0%, #BCBCBC 100%); background: linear-gradient(0deg, #9D9D9D 0%, #BCBCBC 100%); }
#programas-listado li .canales li.hd { background: #004787; background: -moz-linear-gradient(0deg, #004787 0%, #226BBE 100%); background: -webkit-linear-gradient(0deg, #004787 0%, #226BBE 100%); background: linear-gradient(0deg, #004787 0%, #226BBE 100%); }
#programas-listado li .canales li.pre { background: #C41D19; background: -moz-linear-gradient(0deg, #C41D19 0%, #F92A26 100%); background: -webkit-linear-gradient(0deg, #C41D19 0%, #F92A26 100%); background: linear-gradient(0deg, #C41D19 0%, #F92A26 100%); }

@media only screen and (min-width: 984px) {
#programas-listado li .canales { width: 48px; height: 48px; }
#programas-listado li .canales.cant_3 { height: 72px; }
#programas-listado li .canales li { font-size: 14px; width: 48px; height: 48px; line-height: 48px; }
#programas-listado li .canales.cant_2 li, #programas-listado li .canales.cant_3 li { height: 24px; font-size: 12px; line-height: 24px; }
}


#programas-listado li .data h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333; font-size: 13px; line-height: 16px; height: 42px; text-transform: none; padding-top: 10px; margin-bottom: 3px; overflow: hidden; text-align: left; margin-bottom: 5px; }
#programas-listado li .data .fecha { font-size: 10px; color: #043F85; margin-bottom: 0; text-align: left; }


.block { padding: 1.5em; background: #F0F0F0; border: 1px solid #DEDEDE; line-height: 1.4em; border-radius: 0.5em; }

.botonera-big { display: flex; flex-direction: column; max-width: 640px; margin: auto; }

.botonera-big a { display: flex; justify-content: center; align-items: center; font-size: 1.2em; text-transform: uppercase; color: #FFF; text-align: center; background: #175DA0; padding: 1em; line-height: 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: -moz-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #175DA0), color-stop(40%, #348BC4), color-stop(60%, #348BC4), color-stop(100%, #175DA0)); background: -webkit-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -o-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -ms-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: linear-gradient(to right, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 0.75em; width: 100%; }
.botonera-big a.conimg { text-align: left; }
.botonera-big a img { display: inline-block; margin-right: 1.25em; width: auto; height: 2em; }

@media only screen and (min-width: 480px) {
.botonera-big { flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.botonera-big a { width: 49%; }
}

/*---------------------------------------------------*/
/*-- FOOTER ----------------------------------------*/
footer { background: #5d5d5d; background: -moz-linear-gradient(top, #5d5d5d 0%, #333 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #5d5d5d), color-stop(100%, #333)); background: -webkit-linear-gradient(top, #5d5d5d 0%, #333 100%); background: -o-linear-gradient(top, #5d5d5d 0%, #333 100%); background: -ms-linear-gradient(top, #5d5d5d 0%, #333 100%); background: linear-gradient(to bottom, #5d5d5d 0%, #333 100%); }
footer .wrap { padding: 0; width: 100%; height: auto; }
footer nav { width: 90%; margin: auto; }
footer nav ul { padding: 10px 0 20px 0; text-align: center; font-size: 0; }
footer nav ul li { display: inline-block; padding: 2px 0; margin-bottom: 6px; border-right: 1px solid #50C1ED; }
footer nav ul li:last-child { border: none; }
footer nav ul li a { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; padding: 0 14px; }
footer nav ul li a:link, footer nav ul li a:visited { color: #FFF; }
footer nav ul li:last-child a { border: none; }
footer .copy { position: relative; left: 0; bottom: 0; display: block; color: #FFF; font-size: 10px; text-align: center; width: 300px; background: url("../images/footer-logo.gif") top center no-repeat; padding-top: 90px; margin: 0 auto 10px auto; }
footer .bottom { min-width: 0; text-align: center; color: #C8C8C8; background: #222; font-size: 11px; line-height: 15px; height: auto; padding: 5px; }
footer .bottom .wrap { height: auto; }
footer .bottom a { color: #C8C8C8; color: #2CB8EB; }
footer .bottom a:hover { text-decoration: underline; }

/*--------------------------------------------------------------*/
/*-- SECCIONES ------------------------------------------------*/
/*------------------------------------------------------------*/
section #contenido:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
section #contenido { padding: 30px 15px; display: inline-block; width: 100%; }
section #contenido.back1 { background: url("../images/contenido-back1.png") no-repeat top right; }

section .intro { padding: 15px; }

@media only screen and (min-width: 600px) {
/*---------------------------------------------------*/
/*-- GENERAL ---------------------------------------*/
.col1, .col2 { float: left; width: 49%; margin-bottom: 20px; }
.col1 { margin-right: 2%; }
}

@media only screen and (min-width: 984px) {
/*---------------------------------------------------*/
/*-- GENERAL ---------------------------------------*/
.full-width { margin: 0 -20px 25px -20px; }
#wrapper { max-width: 1016px; margin:  auto; }
}


/*-- HOME -------------------------------------*/
#home section { overflow: hidden; }
#home #contenido { padding-bottom: 0; }
#home .galeriaSlides .owl-dots { text-align: right; position: absolute; right: 20px; bottom: 10px; }
#home .galeriaSlides .owl-nav { margin-top: -20px; top: 75%; }
#home .galeriaSlides .owl-prev, .owl-carousel .owl-next { height: 40px; width: 28px; background-size: 56px 40px; }
#home .galeriaSlides .owl-next { background-position: -28px 0; }
#home #noticias { background: #FFF url("../images/box-noticias.jpg") top left no-repeat; background-size: 100% auto; width: 100%; padding: 20px 9px 25px 9px; border: 1px solid #CCC; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }
#home #noticias h2 { width: 206px; height: 28px; margin: 0 auto 20px auto; background: url("../images/box-noticias-titulo.png") no-repeat; text-indent: -9999px; }
#home #noticias .main { margin: 20px 0; }
#home #noticias .main a { display: block; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300; }
#home #noticias .main a .img { position: relative; margin-bottom: 5px; }
#home #noticias .main a .img .play { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; background: url("../images/videonoticias-play.png"); background-size: 30px 60px!important; margin: -15px 0 0 -15px; }
#home #noticias .main a:hover .img .play { background-position: 0 -30px!important; }
#home #noticias .main .img time, #home #noticias .main .img time:after, #home #noticias .main .img time:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
#home #noticias .main .img time { display: block; background: rgba(0,0,0,0.4); width: 100%; height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; color: #FFF; position: absolute; left: 0; bottom: 0; }
#home #noticias .main a img { width: 100%; height: auto; }
#home #noticias .main a .txt1 { color: #1964A5; font-size: 15px; line-height: 1.2em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; font-weight: 600; }
#home #noticias .main a .txt2 { color: #333; font-size: 13px; line-height: 1.2em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; font-style: italic; }
#home #noticias .main a .txt3 { color: #333; font-size: 15px; line-height: 18px; max-height: 54px; overflow: hidden; font-weight: 600; }
#home #noticias .todas, #home #noticias .todas:after, #home #noticias .todas:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
#home #noticias .todas { display: block; background: #002254; background: -moz-linear-gradient(top, #002254 0%, #004BA0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #002254), color-stop(100%, #004BA0)); background: -webkit-linear-gradient(top, #002254 0%, rgsba(0,75,160,1) 100%); background: -o-linear-gradient(top, #002254 0%, #004BA0 100%); background: -ms-linear-gradient(top, #002254 0%, #004BA0 100%); background: linear-gradient(to bottom, #002254 0%, #004BA0 100%); color: #FFF; position: absolute; bottom: 0; left: 0; width: 100%; text-transform: uppercase; color: #D2D2D2; font-size: 12px; line-height: 25px; height: 25px; padding-left: 10px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; max-height: 999999px!important; }

#home #institucional { margin: 0 -15px; }
#home #institucional ul { margin-bottom: 1.5rem; padding: 15px; text-align: center; font-size: 0; }
#home #institucional li { position: relative; margin-bottom: 10px; display: inline-block; width: 100%; padding: 4px; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#home #institucional li.last { margin-bottom: 0; }
#home #institucional li .preview { display: none; }
#home #institucional li a { position: relative; display: block; overflow: hidden; text-align: left; max-height: 120px; }
#home #institucional li img { width: 100%; height: auto; }
#home #institucional li .cont { position: absolute; left: 0; width: 100%; height: 100%; text-shadow: 1px 1px 1px #000; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); }
#home #institucional li .cont .sub { position: absolute; padding: 10px; width: 100%; left: 0; bottom: 0; }
#home #institucional li .cont h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 20px; line-height: 20px; margin-bottom: 3px; }
#home #institucional li .cont p { color: #77B9F6; font-size: 12px; line-height: 14px; }
#home #institucional li.wifi .cont h2 { width: 180px; height: 19px; text-indent: -9999px; background: url("../images/destacados-h2-wifimaxplus.png") no-repeat; background-size: 100% 100%; }
/* #home #institucional li.cccmovil .cont h2 { width: 153px; height: 24px; text-indent: -9999px; background: url("../images/destacados-h2-cccmovil.png") no-repeat; } */
#home #institucional li.cccgo .cont h2 { width: 94px; height: 24px; text-indent: -9999px; background: url("../images/destacados-h2-cccgo.png") no-repeat; }
#home #institucional li.digitalhd .cont h2 { width: 185px; height: 24px; text-indent: -9999px; background: url("../images/destacados-h2-digitalhd.png") no-repeat; }
#home #institucional li.digital .cont h2 { width: 138px; height: 24px; text-indent: -9999px; background: url("../images/destacados-h2-digital.png") no-repeat; }
#home #institucional li.premium .cont h2 { width: 90px; height: 36px; text-indent: -9999px; background: url("../images/destacados-h2-premium.png") no-repeat; }
@media only screen and (max-width: 767px) {
#home #institucional li .cont { top: 0!important; }
}


.servicios { margin: 0 -15px; }
#home .servicios { margin-bottom: 1.5em; }


#home #institucional h3, .servicios h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; color: #FFF; font-size: 1.3em; padding: 0.5em 15px; background: url("../images/destacadosProgTit.jpg") no-repeat; background-size: 100% 100%; }

.servicios ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; }
.servicios ul li { padding: 4px; background: #FFF; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25); }
#home .servicios ul li { width: 49%; }
.servicios.interior { clear: both; }
.servicios.interior ul li { max-width: 240px; margin: auto; }
.servicios ul li.ser1, .servicios ul li.ser2 { margin-bottom: 10px; }
.servicios.interior ul li.ser1, .servicios.interior ul li.ser2 { margin-bottom: 15px!important; }
.servicios ul li a { display: block; color: #FFF; position: relative; position: relative; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
.servicios ul li img { display: block; width: 100%; height: auto; }

.servicios ul li .preview { position: absolute; top: 0; left: 0; width: 100%; padding: 0 2px; background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.3))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); }
.servicios ul li .preview p { height: 20px; color: #E6E6E6; font-size: 12px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-shadow: 1px 1px 1px #000; text-indent: 4px; margin: 0; }
.servicios ul li .preview .fa { position: absolute; top: 5px; right: 8px; text-shadow: none; color: rgba(255,255,255,0.7); }

#home .banner-container { width: 100%; }
#home .bannerProgramacion, #home .banner.destacado { margin-bottom: 1em; overflow: hidden; }
#home .banner.destacado { display: flex; justify-content: center; align-items: center; }
#home .bannerProgramacion a { display: block; position: relative; }
#home .bannerProgramacion a h3, #home .bannerProgramacion a p { position: absolute; top: 10px; font-size: 0.9em; color: #FFF; }
#home .bannerProgramacion a h3 { left: 10px; font-size: 1.2em; }
#home .bannerProgramacion a p { top: 10px; right: 10px; background: #E23522; font-size: 0.9em; padding: 0.5em 2em; }
#home .bannerProgramacion a:hover p { background: #004A9E; }
#home .bannerProgramacion img { width: 100%; height: auto; }
#home .bannerInfo { margin-bottom: 1em; }

@media only screen and (min-width: 600px) {
.servicios ul li { margin-bottom: 0!important; }
.servicios.interior ul li.ser1, .servicios.interior ul li.ser2 { margin-bottom: 0!important; }
#home .servicios ul li { width: 24%; }
.servicios.interior ul li { width: 32%; }
}


@media only screen and (min-width: 768px) {
#home .banner-container { height: 315px; overflow: hidden; margin-bottom: 1em; }
#home .bannerProgramacion, #home .banner.destacado { float: left; width: 66%; }
#home .bannerProgramacion a h3, #home .bannerProgramacion a p { top: 20px; }
#home .bannerProgramacion a h3 { left: 20px; font-size: 1.5em; }
#home .bannerProgramacion a p { right: 20px; font-size: 1.2em; }
#home .bannerInfo { margin-bottom: 0; float: left; width: 32%; margin: 0 2% 0 0; }

#home #institucional h3, .servicios h3 { padding-left: 20px; padding-right: 20px; }
#home #institucional ul, .servicios ul { padding: 15px 20px; }
.servicios ul li .preview p { height: 24px; font-size: 13px; line-height: 24px; text-indent: 8px; }
#home .servicios ul li { width: 23.2%; }
}

@media only screen and (min-width: 860px) {
#home .banner-container { height: 360px; }
}

@media only screen and (min-width: 984px) {
#home .banner-container { height: 315px; }
#home .bannerProgramacion img { height: 315px; width: auto; }
#home .banner-container { width: 74.5%; margin-right: 2%; }
#home .bannerInfo .owl-item img { width: auto; height: 315px; }

#home #institucional, .servicios { margin-left: -20px; margin-right: -20px; }
}

/*-- AYUDA -----------------------------------------*/
#ayuda #faq_search_box { margin-bottom: 2em; height: 40px; max-width: 400px; }
#ayuda #faq_search { width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.2em; line-height: 1.4em; padding: 0.5em 1em; height: 40px; border-radius: 4px; border: 1px solid #CCC; }
#ayuda #faq_search.results { float: left; width: 75%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#ayuda #faq_btn_next { float: left; width: 25%; height: 40px; background: #333; color: #FFF; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 35px; text-align: center; display: none; padding: 2px; font-weight: bold; cursor: pointer; }
#ayuda #faq_btn_next:hover { background: #1964A5; }
#ayuda .faq_highlight { background: yellow; }
#ayuda h3 .faq_highlight { font-weight: 600; }
#ayuda #contenido h3.ui-accordion-header {
font-size: 1.6em; line-height: 1.2em; margin-bottom: 1em; cursor: pointer;
}
#ayuda #contenido h3.accordion-main { display: block; padding: 5px 50px 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 12px; line-height: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; background: url("../images/accordions-digitalhd.jpg") no-repeat; background-size: 100% auto; }
#ayuda #contenido h3.accordion-main .masInfo { position: absolute; top: 5px; right: 15px; z-index: 1000; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-shadow: none; }  
#ayuda #contenido .ui-accordion-content { line-height: 1.2em; }
#ayuda #contenido .ui-accordion-content h3 { color: #333; margin-bottom: 0; font-size: 1.1em; font-weight: 600; padding-bottom: 1em; position: relative; padding-left: 20px; line-height: 1.2em; }
#ayuda #contenido .ui-accordion-content h3 .ui-accordion-header-icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; position: absolute; top: 1px; left: 0; }
#ayuda #contenido .ui-accordion-content h3 .ui-accordion-header-icon:before { content: "\f138"; }
#ayuda #contenido .ui-accordion-content p { margin: 0; padding-bottom: 2em; }

#ayuda #contenido .col2 img { display: none; }

@media only screen and (min-width: 600px) {
#ayuda #contenido .col2 img { display: block; width: 100%; height: auto; }
}


/*-- FORMAS DE PAGO -----------------------------------------*/
#pagos .box em { color: #FF0; }
#pagos .box strong em { font-weight: bold; }
#pagos .box ul { margin-bottom: 18px; }
#pagos .box p, #pagos .box ul li { color: #FFF; font-size: 0.85em; line-height: 1.4em; }
#pagos .box p:last-child { margin: 0; }
#pagos .pago { padding: 20px; width: 100%; background: #1c2f5c; background: -moz-linear-gradient(left, #1c2f5c 0%, #5d9dd1 50%, #1c2f5c 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1c2f5c), color-stop(50%, #5d9dd1), color-stop(100%, #1c2f5c)); background: -webkit-linear-gradient(left, #1c2f5c 0%, #5d9dd1 50%, #1c2f5c 100%); background: -o-linear-gradient(left, #1c2f5c 0%, #5d9dd1 50%, #1c2f5c 100%); background: -ms-linear-gradient(left, #1c2f5c 0%, #5d9dd1 50%, #1c2f5c 100%); background: linear-gradient(to right, #1c2f5c 0%, #5d9dd1 50%, #1c2f5c 100%); margin-bottom: 2em; }
#pagos .pago h4 { color: #FF0; font-size: 1em; margin-bottom: 1em; font-weight: bold; text-transform: uppercase; }
#pagos .pago .oficinas { margin-bottom: 1em; }
#pagos .pago .oficinas ul { margin-bottom: 0; }
#pagos .pago .oficinas ul li { float: left; width: 50%; padding-right: 5%; margin-bottom: 1em; }
#pagos .pago .oficinas ul li h5 { font-weight: bold; text-transform: uppercase; font-size: 1em; }
#pagos .pago .links { clear: both; margin-bottom: 3em; }
#pagos .pago .links li { list-style: none; position: relative; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 0; margin-bottom: 1em; }
#pagos .pago .links li a { display: inline-block; background: #AAA; font-size: 11px; line-height: 16px; color: #FFF; padding: 2px 10px; text-align: center; position: absolute; top: -4px; right: 0; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CCC; text-transform: none; font-weight: normal; }
#pagos .pago p { margin-bottom: 0; font-size: 13px; line-height: 18px; }
#pagos .pago .pagoelectronico { display: block; width: 100%; margin: auto; max-width: 275px; clear: both; }
#pagos .pago .pagoelectronico .img { padding: 1em; text-align: center; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #F6F6F6; background: -moz-linear-gradient(left, #DEDEDE 0%, #F6F6F6 40%, #F6F6F6 60%, #DEDEDE 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #DEDEDE), color-stop(40%, #F6F6F6), color-stop(60%, #F6F6F6), color-stop(100%, #DEDEDE)); background: -webkit-linear-gradient(left, #DEDEDE 0%, #F6F6F6 40%, #F6F6F6 60%, #DEDEDE 100%); background: -o-linear-gradient(left, #DEDEDE 0%, #F6F6F6 40%, #F6F6F6 60%, #DEDEDE 100%); background: -ms-linear-gradient(left, #DEDEDE 0%, #F6F6F6 40%, #F6F6F6 60%, #DEDEDE 100%); background: linear-gradient(to right, #DEDEDE 0%, #F6F6F6 40%, #F6F6F6 60%, #DEDEDE 100%); -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.25); }
#pagos .pago .pagoelectronico .txt { text-align: center; padding: 0.75em; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; background: #175DA0; background: -moz-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #175DA0), color-stop(40%, #348BC4), color-stop(60%, #348BC4), color-stop(100%, #175DA0)); background: -webkit-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -o-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -ms-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: linear-gradient(to right, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); -webkit-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.25); }
#pagos .pago .pagoelectronico p { font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.2em; color: #FFF; }
#pagos .pago .pagoelectronico .high { display: block; color: #FF0; font-size: 0.9em; line-height: 1.2em; }
#pagos h4 { clear: both; font-size: 14px; line-height: 16px; margin-bottom: 40px; }
#pagos .entidades { overflow: hidden; padding-top: 5px; margin-bottom: 10px; width: 100%; clear: both; }
#pagos .entidades li { position: relative; float: left; width: 50%; padding: 0 0.75% 5px 0.75%; }
#pagos .entidades li a { display: block; }
#pagos .entidades.deselected li a { opacity: 1!important; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.15); box-shadow: 0 0 3px rgba(0,0,0,0.15) }
#pagos .entidades li a img { width: 100%; height: auto; display: block; }
#pagos .entidades li.sel a { opacity: 1!important; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.15); box-shadow: 0 0 3px rgba(0,0,0,0.15); }
#pagos .entidades li .sombra { position: absolute; bottom: 0; left: 0; width: 100%; }
#pagos .entidades li .sombrasel { position: absolute; top: -8px; left: -8px; }
#pagos .textoBase select:focus { background-color:#FFF; }
#pagos .textoBase select { float: right; font-size:12px; line-height: 17px; padding: 5px 5px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; }
#pagos .sucursales { font-size: 11px; }
#pagos .entidad { display: block; position: relative; font-size: 11px; line-height: 11px; font-weight: bold; padding: 8px 10px; color: #FFF; text-transform: uppercase; margin-bottom: 4px; background: #0062AA; background: -moz-linear-gradient(top, #0062AA 0%, #0073B7 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #0062AA), color-stop(100%, #0073B7)); background: -webkit-linear-gradient(top, #0062AA 0%, #0073B7 100%); background: -o-linear-gradient(top, #0062AA 0%, #0073B7 100%); background: -ms-linear-gradient(top, #0062AA 0%, #0073B7 100%); background: linear-gradient(to bottom, #0062AA 0%, #0073B7 100%); }
#pagos .entidad .suc { background: url("../images/sucursales-suc.gif") 59px 2px no-repeat; display: block; position: absolute; top: 8px; right: 10px; line-height: 11px; height: 11px; width: 70px; text-transform: none; }
#pagos .entidad.open .suc { background-position: 59px -15px; }
#pagos .table-container { margin-bottom: 30px; }
#pagos .table-container .noresults { text-align: center; padding: 20px 0 40px 0; font-size: 14px; font-weight: bold; }
#pagos .sucursales th { color: #1964A5; text-align: left; font-weight: bold; border-right: 4px solid #F6F6F6; background: #DBDBDB; background: -moz-linear-gradient(top, #DBDBDB 0%, #F0F0F0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #DBDBDB), color-stop(100%, #F0F0F0)); background: -webkit-linear-gradient(top, #DBDBDB 0%, #F0F0F0 100%); background: -o-linear-gradient(top, #DBDBDB 0%, #F0F0F0 100%); background: -ms-linear-gradient(top, #DBDBDB 0%, #F0F0F0 100%); background: linear-gradient(to bottom, #DBDBDB 0%, #F0F0F0 100%); }
#pagos .sucursales td, #pagos .sucursales th { padding: 8px 10px; font-size: 10px; }
#pagos .sucursales tbody tr { border-bottom: 2px solid #DCDCDC; }
#pagos #contenido { position: relative; }
#pagos hgroup { margin-bottom: 10px; }
#pagos .intro { margin-bottom: 10px; font-size: 12px; }
#pagos .intro .placa { max-width: none; }
#pagos .intro ul { margin-bottom: 20px; }
#pagos .intro ul li { margin-bottom: 5px; line-height: 16px; background: url("../images/li-01.gif") no-repeat 0 4px; padding-left: 22px; }
#pagos .intro .todos { display: block; font-size: 14px; line-height: 26px; font-weight: bold; color: #000; background: #BEBEBE; width: 160px; height: 26px; text-align: center; -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); margin-bottom: 1em; }
#pagos .filtros { width: 100%; }
#pagos .filtros fieldset ul { margin-bottom: 0; }
#pagos .filtros fieldset ul li { float: left; background: none; padding: 0; margin-bottom: 0; }
#pagos .filtros fieldset label { margin-right: 20px; color: #1964A5; font-size: 14px; line-height: 26px; font-weight: bold; }
#pagos .filtros .formField { font-size:12px; line-height: 16px; height: 16px; width:150px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 5px; }

#pagos .intro .col1 { margin-bottom: 1em; }
#pagos .intro .col2 { text-align: center; }
#pagos .intro .homebanking img { width: 100%; height: auto; max-width: 340px; margin: auto; }


@media only screen and (min-width: 600px) {
#pagos .intro .col2 { text-align: right; }
}

@media only screen and (min-width: 900px) {
#pagos .intro .col1 { width: 59%; }
#pagos .intro .col2 { width: 39%; }
}


/*-- BASICO -------------------------------------*/
#basico #contenido { padding-bottom: 80px; }
#basico #contenido .col1 ul li { padding: 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 12px; line-height: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); min-height: 25px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; background: url("../images/accordions-basico.jpg") no-repeat; margin-bottom: 5px; }
#basico .col2 img { width: 100%; max-width: 400px; height: auto; display: block; margin: auto; padding-right: 10%; }

/*-- BENEFICIOS -----------------------------------------*/
#beneficios .beneficio { font-size: 0; margin-bottom: 20px; border: 1px solid #E9E9E9; }
#beneficios .beneficio .box { display: inline-block; width: 50%; padding: 10px; font-size: 11px; line-height: 13px; vertical-align: middle; }
#beneficios .beneficio .box0 { padding: 0!important; }
#beneficios .beneficio .box0 img { display: block; width: 100%; height: auto; }
#beneficios .beneficio .box1 { background: #DBE5EE; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #1964A5; text-align: center; font-size: 13px; line-height: 15px; }
#beneficios .beneficio .box2 { background: #E6EBEF; }
#beneficios .beneficio .box3 { background: #F3F4F6; }
#beneficios .beneficio .box p { margin: 0; }
#beneficios .beneficio .ticket { position: relative; top: 3px; width: 60px; height: auto; }

/*-- CANALES PROPIOS -----------------------------------------*/
#canalesPropios .canal { position: relative; background:url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; margin-bottom: 20px; padding: 25px 15px; }
#canalesPropios .canal .logo { width: 100%; max-width: 250px; display: block; margin: 0 auto 1.5em auto; }
#canalesPropios dl { margin-bottom: 0.75em; width: 100%; border: 1px solid #ECECEC; }
#canalesPropios dl dt, #canalesPropios dl dd { height: 22px; }
#canalesPropios dl dt { width: 75%; float: left; background: #FFF url("../images/sprites/programaDetalle-senales.gif") no-repeat; text-indent: -9999px; clear: both; }
#canalesPropios dl dd.ccc, #canalesPropios dl dt.ccc { border-bottom: 1px solid #ECECEC; }
#canalesPropios dl dd { width: 25%; float: left; font-size: 1em; line-height: 22px; font-weight: bold; text-align: center; color: #FFF; }
#canalesPropios dl dt.ccc { background-position: 0 2px; }
#canalesPropios dl dt.dig { background-position: 0 -18px; }
#canalesPropios dl dt.hd { background-position: 0 -38px; }
#canalesPropios dl dt.pre { background-position: 0 -59px; }
#canalesPropios dl dd.ccc { background-color: #F2F2F2; color: #333; }
#canalesPropios dl dd.dig { background-color: #9B9CA0; }
#canalesPropios dl dd.hd { background-color: #024F93; }
#canalesPropios dl dd.pre { background-color: #CC141C; }
#canalesPropios .canal .canalData { margin-bottom: 2em; }
#canalesPropios .canal .btn-gray { text-transform: uppercase; }
#canalesPropios .canalSlides { background: #FFF; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); padding: 5px; }

/*-- HOME BANKING -----------------------------------------*/

#banking .box { border-radius: 0.5em; margin-bottom: 2em; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#banking .box:last-child { margin-bottom: 0; }
#banking .box h4 { font-size: 1.2em; line-height: 1.2em; text-transform: uppercase; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; padding: 0.5em 1.5em; background: #DDD; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #024F93; }
#banking .box h4 img { display: inline-block; width: auto; vertical-align: text-top; }
#banking .box h4.rap img { height: 1.4em; margin-left: 0.2em; }
#banking .box h4.fac { height: 2.2em; }
#banking .box h4.fac img { height: 3.4em; margin-left: 0.2em; position: relative; top: -1em; }
#banking .box h4.cue img { height: 1.2em; margin-right: 0.2em; vertical-align: middle; }
#banking .box h4.cue img.ban { height: 1em; margin: 0; margin-left: 0.2em; vertical-align: baseline; }
#banking .box h4.mac img { height: 2em; margin: 0 0.2em; position: relative; vertical-align: middle; }
#banking .box h4.mer img { height: 1.4em; margin: 0 0.2em; }
#banking .box .content { padding: 1.5em; }
#banking .box h5 { font-size: inherit; text-transform: uppercase; font-weight: bold; color: #CC141C; margin-bottom: 0.5em; }
#banking .box .content p { font-size: 0.9em; line-height: 1.3em; }
#banking .box .content p:last-child { margin-bottom: 0; }
#banking .box .content em { color: #CC141C; }

#banking .box .content.macro h5 { color: #024F93; background: url("../images/ico_celular.gif") no-repeat; background-size: 18px auto; background-position: center left; padding-left: 26px; }
#banking .box .content.macro .col1 { margin-bottom: 1em; }
#banking .box .content.macro .col2 { text-align: center; }
#banking .box .content.macro .qr { width: 100px; height: auto; }

#banking .box blockquote { font-weight: bold; background: #FDEE44; display: inline-block; padding: 0.5em 0.75em; margin-bottom: 1.5em; }
#banking .box .float { width: 50%; max-width: 180px; height: auto; display: block; float: right; margin: 0 0 1em 1em; }
#banking .box .float.ban { width: 30%; max-width: 160px; position: relative; top: -1em; }

#banking .box .boton { display: flex; justify-content: center; align-items: center; font-size: 1.2em; text-transform: uppercase; color: #FFF; text-align: center; background: #175DA0; padding: 0.5em 1em; line-height: 1.2em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: -moz-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #175DA0), color-stop(40%, #348BC4), color-stop(60%, #348BC4), color-stop(100%, #175DA0)); background: -webkit-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -o-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: -ms-linear-gradient(left, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); background: linear-gradient(to right, #175DA0 0%, #348BC4 40%, #348BC4 60%, #175DA0 100%); -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3); font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 1em auto 0 auto; max-width: 260px; }
#banking .box .boton img { display: inline-block; margin-left: 0.75em; width: auto; height: 2em; }

@media only screen and (min-width: 480px) {
#banking .box .content.cols { display: flex; }
#banking .box .content.macro .col1 { margin: 0 1em 0 0; }
#banking .box .content.macro .col2 { text-align: left; }
}


@media only screen and (min-width: 768px) {
#banking .box .float.ban { left: 2em; top: -2em; margin-left: 0; }
#banking .box .content.macro .col1 { flex: 4; }
#banking .box .content.macro .col2 { flex: 2; }
#banking .box .content.macro .qr { width: 120px; }
}

/*-- CCCMOVIL CONDICIONES -----------------------------------------*/
#cccmovilCondiciones .textoBase hgroup { width: 100%; }
#cccmovilCondiciones .textoBase ul { margin-bottom: 18px; }

/*-- CCCMOVIL REGISTRO -----------------------------------------*/
#cccmovilregistro iframe { width: 100%; height: 560px; border: 1px solid #CCC; }

/*-- COMO TENER CCC -----------------------------------------*/
#comoTener #container { background: #FFF; border: 1px solid #CCC; font-size: 0; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; padding: 3px; }
#comoTener #container .box { padding: 3px; display: flex; overflow: hidden; font-size: 11px; line-height: 13px; }
#comoTener #container .box .content { flex: 1; overflow: hidden; color: #FFF; background: #CCC; }
#comoTener #container .box1 { order: 1; }
#comoTener #container .box2 { order: 2; }
#comoTener #container .box3 { order: 4; }
#comoTener #container .box4 { order: 3; }
#comoTener #container .box5 { display: none; }
#comoTener #container .box2 .content, #comoTener #container .box3 .content, #comoTener #container .box4 .content { padding: 15px; }
#comoTener #container .box2 p { color: #FFF; margin: 0; font-size: 12px; line-height: 15px; }

#comoTener #container .box img { width: 100%; height: 220px; object-fit: cover; display: block; }
#comoTener #container .box2 .content { background: #1A2F5C; background: -moz-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1A2F5C), color-stop(100%, #62A0D5)); background: -webkit-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -o-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -ms-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: linear-gradient(to right, #1A2F5C 0%, #62A0D5 100%); }
#comoTener #container .box3 .content { background: url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; font-size: 0; }
#comoTener #container .box4 .content { background: #4373A4; background: -moz-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #4373A4), color-stop(50%, #1E2F5C), color-stop(100%, #1E2F5C)); background: -webkit-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -o-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -ms-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: linear-gradient(to right, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); }
#comoTener #container .oficinas li { font-size: 12px; line-height: 15px; margin-bottom: 15px; }
#comoTener #container .oficinas.list2 li:last-child { margin: 0; }
#comoTener #container .oficinas h3 { color: #FFF; margin-bottom: 2px; font-size: 13px; }
#comoTener fieldset ul li { margin-bottom: 10px; }
#comoTener fieldset ul li.btn { margin-top: 20px; margin-bottom: 0; }
#comoTener fieldset ul li.mensaje { height: auto; margin-bottom: 10px; }
#comoTener fieldset ul li label { font-size: 11px; display: block; margin-bottom: 5px; }
#comoTener .formField, #comoTener select { font-size:12px; line-height: 17px; width: 100%; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 5px 5px; }
#comoTener .formField:focus, #contacto select:focus { background-color:#FFF; }
#comoTener .formBtn { width: 100%; }
#comoTener .btn p { float: left; font-size: 11px; line-height: 12px; font-weight: bold; text-align: left; color: #E0E5EC }

@media only screen and (min-width: 600px) {
#comoTener #container { flex-direction: row; }
#comoTener #container .box3 { order: 3; }
#comoTener #container .box4 { order: 4; }
}

/*-- CONTACTO -----------------------------------------*/
#contacto #container { background: #FFF; border: 1px solid #CCC; font-size: 0; width: 100%; }
#contacto hgroup { display: block; }
#contacto #container .box { overflow: hidden; font-size: 11px; line-height: 13px; float: left; width: 100%; }
#contacto #container .box2 .content, #contacto #container .box3 .content, #contacto #container .box4 .content { padding: 15px; }
#contacto #container .box2 h3 { color: #FFF; line-height: 20px; }
#contacto #container .box .content { margin: 5px; overflow: hidden; color: #FFF; background: #CCC; }
#contacto #container .box1 .content, #contacto #container .box2 .content, #contacto #container .box3 .content { margin-bottom: 0; }
#contacto #container .box img { width: 100%; height: auto; display: block; }
#contacto #container .box2 .content { background: #1A2F5C; background: -moz-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1A2F5C), color-stop(100%, #62A0D5)); background: -webkit-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -o-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -ms-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: linear-gradient(to right, #1A2F5C 0%, #62A0D5 100%); }
#contacto #container .box3 .content { background: url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; font-size: 0; }
#contacto #container .box4 .content { background: #4373A4; background: -moz-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #4373A4), color-stop(50%, #1E2F5C), color-stop(100%, #1E2F5C)); background: -webkit-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -o-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: -ms-linear-gradient(left, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); background: linear-gradient(to right, #4373A4 0%, #1E2F5C 50%, #1E2F5C 100%); }
#contacto #container .box2 h3 { margin: 0; }
#contacto #container .oficinas li { font-size: 12px; line-height: 15px; margin-bottom: 15px; }
#contacto #container .oficinas.list2 li:last-child { margin: 0; }
#contacto #container .oficinas h3 { color: #FFF; margin-bottom: 2px; font-size: 13px; }
#contacto fieldset ul li { margin-bottom: 10px; }
#contacto fieldset ul li.btn { margin-top: 20px; margin-bottom: 0; }
#contacto fieldset ul li.mensaje { height: auto; margin-bottom: 10px; }
#contacto fieldset ul li label { font-size: 11px; display: block; margin-bottom: 5px; }
#contacto .formField, #contacto .formArea { font-size:12px; line-height: 17px; width: 100%; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 5px 5px; }
#contacto .formField:focus, #contacto .formArea:focus { background-color:#FFF; }
#contacto .formArea { resize: none; height: 150px; float: none; }
#contacto .formBtn { width: 100%; }
#contacto select:focus { background-color:#FFF; }
#contacto select { float: right; font-size:12px; line-height: 17px; padding: 5px 5px; width:162px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; }


#contacto #container.contacto-wifi .box1 .content .back { height: 160px; background: url("../images/contacto-img01.jpg") no-repeat; background-position: center; background-size: cover; }
#contacto #container.contacto-wifi h3 { color: #FFF; font-size: 1.4em; margin-bottom: 2em; }

#contacto #container.contacto-wifi .opcion-selector { font-size: 1.1em; margin-bottom: 2em; }
#contacto #container.contacto-wifi .opcion-selector li { position: relative; padding-left: 25px; margin-bottom: 0.5em; }
#contacto #container.contacto-wifi .opcion-selector li input { position: absolute; top: 0; left: 0; }
#contacto #container.contacto-wifi .opcion-selector li label { line-height: 1.2em; cursor: pointer; }
#contacto #container.contacto-wifi select { height: 29px; line-height: 29px; float: none; }
#contacto #container.contacto-wifi [type="submit"] { margin-top: 30px; float: none; }
/* #contacto #container.contacto-wifi .form-wide { display: block!important; } */
#contacto #container.contacto-wifi .form-wide input { width: 100%; }

#contacto .contacto-factura { display: block; margin-top: 2em; width: 100%; max-width: none; background: rgba(255,255,255,0.05); box-shadow: none; }
#contacto .contacto-factura em { margin-top:  0; }
#contacto .contacto-factura strong { margin-top: 10px; font-weight: bold; }
#contacto hgroup h3 { line-height: 1.2em; max-width: 500px; }
#contacto hgroup h3 span { display: block; margin-top: 0.5em; font-weight: 600; }
#contacto hgroup h3 a { font-weight: 600; display: inline-block;  background: url('../images/logo-ws-100x100.png') no-repeat left center; background-size: auto 100%; padding-left: 1.4em; }
#contacto hgroup h3 a:hover { text-decoration: underline; }

@media only screen and (min-width: 400px) {
#contacto .contacto-factura em, #contacto .contacto-factura strong { display: inline-block; line-height: 40px; }
#contacto .contacto-factura em { width: 30%; height: 40px; }
#contacto .contacto-factura strong { width: 68%; height: 42px; padding: 0; margin: 0; }
}

@media only screen and (min-width: 600px) {
#contacto #container.contacto-wifi { display: flex; }
#contacto #container.contacto-wifi .box1 .content { background: #FFF; height: 100%; margin: 0; padding: 5px 0 5px 5px; }
#contacto #container.contacto-wifi .box1 .content .back { height: 100%; }
}

@media only screen and (min-width: 768px) {
#contacto .contacto-factura em, #contacto .contacto-factura strong { display: block; height: auto; width: 100%; }
#contacto .contacto-factura em { line-height: 20px; }
#contacto .contacto-factura strong { line-height: 1.2em; margin-top: 10px; padding: 5px; }

#contacto #container.contacto-wifi fieldset { width: 100%; }
#contacto #container.contacto-wifi fieldset ul { text-align: center; font-size: 0; }
#contacto #container.contacto-wifi fieldset ul li { text-align: left; width: 46%; display: inline-block; margin: 0 2% 10px 2%; }
#contacto #container.contacto-wifi fieldset ul .left { float: left; }
#contacto #container.contacto-wifi fieldset ul .form-wide { width: 96%; }
#contacto #container.contacto-wifi [type="submit"] { margin: 20px auto 0 auto; }
}

@media only screen and (min-width: 900px) {
#contacto .contacto-factura { margin: 25px 0 0 0; float: right; width: 40%; }
#contacto #container .box2 h3 { float: left; width: 55%; margin: 25px 0 0 0; }
}

/*-- DESTACADOS -----------------------------------------*/
#destacados #programas-filtro li a { background-image: url("../images/sprites/destacados-packs.png"); }
#destacados #programas-filtro li.ccc { border-bottom-color: #999; border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; }
#destacados #programas-filtro li.dhd { border-bottom-color: #004D94; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
#destacados #programas-filtro li.pre { border-bottom-color: #CA151B; border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; }
#destacados #programas-filtro li.ccc a { background-position: 0 -20px; }
#destacados #programas-filtro li.dhd a { background-position: 0 -40px; }
#destacados #programas-filtro li.pre a { background-position: 0 -60px; }

/*-- DIGITAL & DIGITAL HD -------------------------------------*/
#digital .accordion dt a { background: url("../images/accordions-digital.jpg") no-repeat; background-size: 100% auto; }
#digitalhd .accordion dt a { background: url("../images/accordions-digitalhd.jpg") no-repeat; background-size: 100% auto; }
#digital .col2 img, #digitalhd .col2 img { width: 100%; max-width: 365px; height: auto; display: block; margin: auto; }

#digitalhd .canales-list .titulo img { display: inline-block; height: 1em; width: auto; position: relative; top: 0.15em; }
#digitalhd .canales-list .titulo .cable { height: 1.45em; top: 0.55em; }
#digitalhd .canales-list ul { font-size: 0; margin: 0 -1% 20px -1%; }
#digitalhd .canales-list ul li { display: inline-block; text-align: center; background: #FFF; padding: 6px; -webkit-box-shadow: 0 0 5px 0 #DDD; -moz-box-shadow: 0 0 5px 0 #DDD; box-shadow: 0 0 5px 0 #DDD; width: 31.33%; margin: 0 1% 5px 1%; }
#digitalhd .canales-list ul li p { font-size: 10px; margin: 0; }
#digitalhd .canales-list ul li img { display: block; width: 100%; height: auto; margin: auto; }

@media only screen and (min-width: 480px) {
#digitalhd .canales-list ul li { width: 23%; margin: 0 1% 10px 1%; }
}
@media only screen and (min-width: 600px) {
#digitalhd .canales-list ul { margin: 0 -0.5% 20px -0.5%; }
#digitalhd .canales-list ul li { width: 15.66%; margin: 0 0.5% 5px 0.5%; }
}
@media only screen and (min-width: 900px) {
#digitalhd .canales-list ul { margin: 0 -0.25% 20px -0.25%; }
#digitalhd .canales-list ul li { width: 7.83%; margin: 0 0.25% 5px 0.25%; padding: 6px 4px; }
}


/*-- EMPRESA -----------------------------------------*/
#empresa .col1 { margin-bottom: 20px; }
#empresa #contenido h2 { text-indent: -9999px; background: url("../images/empresa-titulo.png") no-repeat; background-size: 100% 100%; width: 280px; height: 16px; }
#empresa .highlighted { color: #1964A5; font-weight: bold; }
#empresa .col2 img { display: inline-block; width: auto; height: 11px; vertical-align: inherit; }

@media only screen and (min-width: 984px) {
#empresa .col2 img { height: 12px; }
}

/*-- NOTICIAS -------------------------------------*/
#noticias .listado { font-size: 0; }
#noticias .listado li { display: inline-block; width: 100%; margin-bottom: 20px; vertical-align: top; border-bottom: 1px solid #EEE; }
#noticias .listado li a { display: block; position: relative; min-height: 150px; padding: 0 15px 10px 50%; }
#noticias .listado li img { position: absolute; top: 0; left: 0; padding: 4px; width: 45%; max-width: 168px; height: auto; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#noticias .listado li h3 { font-size: 14px; line-height: 16px; margin-bottom: 5px; }
#noticias .listado li p { font-size: 11px; line-height: 16px; margin-bottom: 0!important; height: 64px; overflow: hidden; text-overflow: ellipsis; }
#noticias .listado li .vermas { position: absolute; bottom: 10px; right: 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 10px; color: #1964A5; text-transform: uppercase; background: url("../images/noticias-vermas.gif") no-repeat 0 5px; padding-left: 10px; }
#noticias .listado li .vermas:hover { text-decoration: underline; }

/*-- NOTICIAS DETALLE -------------------------------------*/
#noticiasDetalle hgroup { float: none; }
#noticiasDetalle .noticiasLogo { display: block; background: url("../images/noticiasDetalle-noticias.gif") no-repeat; text-indent: -9999px; width: 150px; height: 20px; margin-bottom: 20px; }
#noticiasDetalle h2 { margin-bottom: 15px; }
#noticiasDetalle .datos { font-size: 10px; line-height: 12px; color: #999; }
#noticiasDetalle .col2 img { width: 100%; max-width: 330px; padding: 4px; border: 1px solid #CCC; display: block; margin: auto; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#noticiasDetalle .volver { clear: both; display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 10px; color: #1964A5; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #EEE; text-align: right; margin-top: 2em; }
#noticiasDetalle .volver span { font-size: 15px; position: relative; top: 2px; margin-right: 5px; }

/*-- PREMIUM DIGITAL ------------------------------------*/
#premiumDigital .producto { position: relative; background:url("../images/box-back2.jpg") no-repeat; background-size: auto 100%; margin-bottom: 20px; padding: 25px 15px; }
#premiumDigital .producto .data { display: block; position: relative; z-index: 0; }
#premiumDigital .producto .imagen { width: 100%; max-width: 390px; display: block; margin: 20px auto; padding-left: 35px; position: relative; z-index: 0; }
#premiumDigital .producto h3 { color: #000; text-transform: uppercase; font-size: 24px; line-height: 24px; margin-bottom: 15px; }
#premiumDigital .producto p { color: #000; font-size: 13px; }
#premiumDigital .producto.prod5 p, #premiumDigital .producto.prod6 p { margin-bottom: 30px; }
#premiumDigital .producto .placa { position: relative; z-index: 1; }
#premiumDigital .producto .placa strong { margin-top: 10px; }
#premiumDigital .producto .placa p { color: #FFF; }

#premiumDigital .producto .placa strong span { color: #FF0; }
#premiumDigital .producto .canales { text-align: center; margin: auto; }
#premiumDigital .producto .canales li { display: inline-block; padding: 5px; }
#premiumDigital .producto .canales li img { display: block; height: 33px; width: auto; }
#premiumDigital .producto .canales .size2 img { height: 44px; }



/*-- PRODUCTOS -----------------------------------------*/
#productos .producto { position: relative; background:url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; margin-bottom: 20px; padding: 25px 15px; }
#productos .producto .dataLink { display: block; position: relative; }
#productos .producto .imagen { width: 100%; max-width: 328px; display: block; margin: 20px auto; }
#productos .producto h3 { color: #FFF; text-transform: uppercase; font-size: 28px; line-height: 22px; margin-bottom: 15px; }
#productos .producto p { color: #FFF; font-size: 13px; }
#productos .producto .placa strong { margin-top: 10px; }

/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #container { background: #FFF; border: 1px solid #CCC; margin-bottom: 20px; font-size: 0; width: 100%; }
#produccion #contenido .textoBase { overflow: hidden; }
#produccion #container .box { overflow: hidden; font-size: 11px; line-height: 13px; float: left; width: 100%; }
#produccion #container .box .content { margin: 5px; overflow: hidden; color: #FFF; }
#produccion #container .box img { width: 100%; height: auto; display: block; }
#produccion #container .box2 .content, #produccion #container .box3 .content { padding: 15px; }
#produccion #container .box p:last-child { margin: 0; }
#produccion #container .contacto li { margin-bottom: 13px; }
#produccion #container .contacto li:last-child { margin-bottom: 0; }
#produccion #container .contacto h3 { color: #D8DFF2; margin-bottom: 2px; font-size: 13px; }
#produccion #container .box1 .content, #produccion #container .box2 .content, #produccion #container .box3 .content, #produccion #container .box4 .content { margin-bottom: 0; }
#produccion #container .box3 .content { background: url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; }
#produccion #container .box2 .content { background: #1A2F5C; background: -moz-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1A2F5C), color-stop(100%, #62A0D5)); background: -webkit-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -o-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: -ms-linear-gradient(left, #1A2F5C 0%, #62A0D5 100%); background: linear-gradient(to right, #1A2F5C 0%, #62A0D5 100%); }
#produccion #contenido .canales { text-align: center; }
#produccion #contenido .canales li { display: inline-block; width: 100%; margin-bottom: 10px; }
#produccion #contenido .canales li a { display: block; position: relative; height: 42px; border: 1px solid #DCDCDC; }
#produccion #contenido .canales li a img { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
#produccion #contenido .canales li span { display: block; position: absolute; width: 120px; height: 30px; text-indent: -9999px; background-repeat: no-repeat; background-size: 120px 30px; top: 5px; left: 35%; }
#produccion #contenido .canales li.can12 a { background: #BDE2F3; background: -moz-linear-gradient(top, #FFF 0%, #BDE2F3 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #BDE2F3)); background: -webkit-linear-gradient(top, #FFF 0%, #BDE2F3 100%); background: -o-linear-gradient(top, #FFF 0%, #BDE2F3 100%); background: -ms-linear-gradient(top, #FFF 0%, #BDE2F3 100%); background: linear-gradient(to bottom, #FFF 0%, #BDE2F3 100%); }
#produccion #contenido .canales li.can12 a:hover { background: #BDE2F3; }
#produccion #contenido .canales li.can13 a { background: #FEC1BF; background: -moz-linear-gradient(top, #FFF 0%, #FEC1BF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FEC1BF)); background: -webkit-linear-gradient(top, #FFF 0%, #FEC1BF 100%); background: -o-linear-gradient(top, #FFF 0%, #FEC1BF 100%); background: -ms-linear-gradient(top, #FFF 0%, #FEC1BF 100%); background: linear-gradient(to bottom, #FFF 0%, #FEC1BF 100%); }
#produccion #contenido .canales li.can13 a:hover { background: #FEC1BF; }
#produccion #contenido .canales li.can14 a { background: #FFFFA7; background: -moz-linear-gradient(top, #FFF 0%, #FFFFA7 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FFFFA7)); background: -webkit-linear-gradient(top, #FFF 0%, #FFFFA7 100%); background: -o-linear-gradient(top, #FFF 0%, #FFFFA7 100%); background: -ms-linear-gradient(top, #FFF 0%, #FFFFA7 100%); background: linear-gradient(to bottom, #FFF 0%, #FFFFA7 100%); }
#produccion #contenido .canales li.can14 a:hover { background: #FFFFA7; }
#produccion #contenido .canales li.can12 span { background-image: url("../images/produccion-logo12.png"); }
#produccion #contenido .canales li.can13 span { background-image: url("../images/produccion-logo13.png"); }
#produccion #contenido .canales li.can14 span { background-image: url("../images/produccion-logo14.png"); }

/*-- PROGRAMA DETALLE -------------------------------------*/
#programa #contenido { background: url("../images/programa-categ1.jpg") no-repeat; background-size: 100% auto; }
#programa hgroup { margin-bottom: 50px; }
#programa .big { background: #FFF; padding: 5px; border: 1px solid #CCC; width: 100%; height: auto; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#programa .categoria { display: inline; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color: #000; font-size: 12px; line-height: 12px; background: #FFE240; padding: 3px 40px; position: relative; top: 4px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#programa h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 22px; text-transform: capitalize; margin-top: 35px; margin-bottom: 0; }
#programa .genero { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; margin-bottom: 10px; }
#programa .detalle { font-size: 11px; line-height: 16px; color: #000; margin-bottom: 30px; }
#programa .referencia { -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#programa .canal { position: relative; min-height: 80px; padding-left: 100px; font-size: 11px; line-height: 16px; color: #000; margin-bottom: 25px; }
#programa .canal img { position: absolute; top: 0; left: 0; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#programa .canal h2 { font-size: 18px; line-height: 18px; margin-top: 0; margin-bottom: 10px; }
#programa .canal img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#programa .canal dl { margin-bottom: 10px; border: 1px solid #ECECEC; }
#programa .canal dl dt, #programa .canal dl dd { height: 20px; }
#programa .canal dl dt { width: 176px; float: left; background: #FFF url("../images/sprites/programaDetalle-senales.gif") no-repeat; text-indent: -9999px; clear: both; }
#programa .canal dl dd.ccc, #programa .canal dl dt.ccc { border-bottom: 1px solid #ECECEC; }
#programa .canal dl dd { width: 50px; float: left; font-size: 13px; line-height: 17px; font-weight: bold; text-align: center; color: #FFF; }
#programa .canal dl dt.ccc { background-position: 0 0; }
#programa .canal dl dt.dig { background-position: 0 -20px; }
#programa .canal dl dt.hd { background-position: 0 -40px; }
#programa .canal dl dt.pre { background-position: 0 -60px; }
#programa .canal dl dd.ccc { background-color: #F2F2F2; color: #333; }
#programa .canal dl dd.dig { background-color: #9B9CA0; }
#programa .canal dl dd.hd { background-color: #024F93; }
#programa .canal dl dd.pre { background-color: #CC141C; }

/*-- PROGRAMACION -------------------------------------*/
#programacion iframe { width: 100%; height: 800px; }
#programacion .textoBase { padding-top: 0; }
#programacion .tips { display: none; }

/*-- PROGRAMACION PROPIA -----------------------------------------*/
#programacionPropia #programas-filtro li a { background-image: url("../images/sprites/programacionPropia-packs.png"); }
#programacionPropia #programas-filtro li.c11 { border-bottom-color: #134D21; border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; }
#programacionPropia #programas-filtro li.c12 { border-bottom-color: #23527F; border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; }
#programacionPropia #programas-filtro li.c13 { border-bottom-color: #B31A14; }
#programacionPropia #programas-filtro li.c14 { border-bottom-color: #C49F17; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
#programacionPropia #programas-filtro li.c11 a { background-position: 0 -20px; }
#programacionPropia #programas-filtro li.c12 a { background-position: 0 -40px; }
#programacionPropia #programas-filtro li.c13 a { background-position: 0 -60px; }
#programacionPropia #programas-filtro li.c14 a { background-position: 0 -80px; }

/*-- REVISTA -----------------------------------------*/
#revista .col1 { text-align: center; }
#revista .big { width: 100%; max-width: 460px; height: auto; background: #FFF; padding: 5px; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#revista .col2 h3 span { text-transform: uppercase; font-weight: 600; color: #333; font-size: 1em; line-height: 1em; margin-bottom: 0; }
#revista .col2 h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #1964A5; font-size: 1.9em; margin-bottom: 0.75em; }
#revista .col2 .li-01 li { margin-bottom: 0.6em; background-image: url(../images/li-02.gif); padding-left: 20px; line-height: 1.3em; }
#revista .fasciculos { margin-bottom: 2em; }
#revista .fasciculos li a { display: block; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); }


/*-- LO MEJOR DE CCC -----------------------------------------*/
.link-revista { margin: 3em 0; text-align: center; font-size: 0.8em; }
.link-revista a { display: inline-flex; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 2em; line-height: 1.2em; color: #1964A5!important; gap: 0.5em; }
.link-revista a strong { display: block; font-size: 0.6em; color: #FFF!important; background: #2CB8EB; border-radius: 0.5em; padding: 0 1em; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.link-revista a:hover strong { background: #0C4778; }

#mejorccc .intro { background: #333 url('../images/mejorccc-intro-back.jpg') no-repeat; background-size: cover; color: #FFF; height: 10em; display: flex; justify-content: center; align-items: center; }
#mejorccc .intro h3 { font-family: "EurostileLTStd-Bold"; font-size: 2.2em; text-shadow: 0px 0px 5px rgba(0,0,0,0.9); }

#mejorccc section #contenido { background: #000; }
#mejorccc section .textoBase { padding-top: 0; }
#mejorccc .link-revista a { color: #FFF!important; }

.mejores-destacado { background: #EDEDED; width: 100%; max-width: 420px; margin: 0 auto 2em auto; }
.mejores-destacado a { display: flex; flex-direction: column; }
.mejores-destacado img { display: block; width: 100%; }
.mejores-destacado .txt-content { margin: 1.5em; }
.mejores-destacado p { color: #333; margin: auto; font-size: 1.1em; line-height: 1.6em; }
.mejores-destacado h3 { font-size: 1.8em; line-height: 1.2em; font-family: "EurostileLTStd-Bold"; }

.mejores-list { background: #EDEDED; width: 100%; max-width: 420px; margin: auto; padding: 1em; }
.mejores-list a { display: flex; flex-direction: column; padding: 1em; }
.mejores-list img { display: block; width: 100%; margin-bottom: 1em }
.mejores-list h3 { font-size: 1.5em; line-height: 1.2em; text-align: center; margin: 0; font-family: "EurostileLTStd-Bold"; }

.mejores-aside { background: #DDD; width: 100%; padding: 1em; display: flex; flex-direction: column; gap: 1em; }
.mejores-aside a { display: flex; flex-direction: row; align-items: center; gap: 1em; flex: 1; }
.mejores-aside .img { flex: 1; }
.mejores-aside img { display: block; width: 100%; height: auto; }
.mejores-aside h3 { font-size: 1.3em!important; flex: 1; margin: 0; }

#mejorcccdetalle aside h2 { margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 1.2em; line-height: 1.2em; padding: 0.5em; text-transform: uppercase; background: url("../images/destacadosProgTit.jpg") no-repeat; background-size: 100% 100%; }

#mejorcccdetalle .nota h3 span, #mejorcccdetalle .nota h4 span { font-family: "EurostileLTStd-Bold"; }

@media only screen and (min-width: 600px) {
.mejores-aside { flex-direction: row; }
}

@media only screen and (min-width: 640px) {
.mejores-destacado { max-width: none; }
.mejores-destacado a { flex-direction: row-reverse; }
.mejores-destacado .txt, .mejores-destacado .img { flex: 1; }
.mejores-destacado .txt { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mejores-destacado h3 { font-size: 2.4em; }
.mejores-destacado p { max-width: 360px; }

.mejores-list { max-width: none; display: grid; grid-template-columns: repeat(3, 1fr); }
.mejores-list h3 { font-size: 1.3em; }

.mejores-aside h3 { font-size: 1.3em; }

.link-revista { font-size: 1em; }
}

@media only screen and (min-width: 768px) {
#mejorccc .intro { height: 14em; }
#mejorccc .intro h3 { font-size: 3.4em; }

.mejores-aside { flex-direction: column; }
.mejores-aside h3 { font-size: 1.1em!important; }
}


/*-- BANNERS -----------------------------------------*/
.banner { display: flex; justify-content: center; align-items: center; background: #EDEDED; margin: 0 auto 2em auto; }
.banner a, .banner img { display: block; }
.banner.full-width { width: 100%; padding: 2em 1em; }
.banner.full-width img { display: block; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.5); box-shadow: 0 0 9px 0 rgba(0,0,0,0.5); }
#home .banner.full-width { width: auto; margin-left: -15px; margin-right: -15px; }

@media only screen and (min-width: 768px) {
.banner.full-width { padding: 2em; }
#home .banner.full-width { margin-left: -20px; margin-right: -20px; }
}


.destacados-cols { padding: 0 15px 2em 15px; display: grid; grid-template-rows: repeat(2, 1fr); grid-row-gap: 2em; }
.destacados-cols .col { background: #EDEDED; }
.destacados-cols .col .destacadosProgTit { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 22px; line-height: 40px!important; height: 40px; text-transform: uppercase; background: url("../images/destacadosProgTit.jpg") no-repeat; background-size:  100% 100%; padding-left: 15px; margin-bottom: 0.5em; }
.destacados-cols .col a { display: flex; gap: 1em; padding: 1em; }
/* .destacados-cols .col .img, .destacados-cols .col .txt { flex: 1; } */
.destacados-cols .col .img { width: 55%; }
.destacados-cols .col .txt { width: 45%; }
.destacados-cols .col img { display: block; width: 100%; height: auto; }
.destacados-cols .col .txt { display: flex; align-items: center; justify-content: center; padding: 0 1em; }
.destacados-cols .col h3 { font-family: 'EurostileLTStd-Bold'; font-weight: normal; color: #1964A5; font-size: 1.8em; line-height: 1.2em; text-align: center; }

/* @media only screen and (min-width: 680px) {
.destacados-cols { grid-template-rows: 1fr; grid-template-columns: repeat(2, 1fr); grid-row-gap: 0; grid-column-gap: 2em; }
.destacados-cols .col a { padding: 1em 2em 2em 2em; }
}

@media only screen and (min-width: 984px) {
.destacados-cols { padding: 20px 20px 30px 20px; }
} */


.nota { display: flex; flex-direction: column; gap: 1em; }
.nota h3 { font-size: 3em; line-height: 1.2em; }
.nota h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2em; line-height: 1.2em; margin-bottom: 0; color: #FFF; background: #1964A5; padding: 0.3em 0.5em 0.2em 0.5em; margin-bottom: 1em; }
.nota h3 span, .nota h4 span { font-weight: 600; }
.nota blockquote { font-size: 1.8em; line-height: 1.4em; margin-bottom: 1.5em; }
.nota p { font-size: 1.1em; line-height: 1.5em; /*white-space: pre-line;*/ }
.nota article img { display: block; width: 100%; height: auto; max-height: 400px; object-fit: cover; }
.nota em { font-size: inherit; font-style: italic; }
.nota .embed-container { margin-bottom: 3em; }

@media only screen and (min-width: 768px) {
.nota { flex-direction: row; gap: 2em; }
.nota article { flex: 1; }
.nota aside { width: 300px; }
.nota .link-revista { margin-bottom: 2em; }
}

/*-- SORTEOS -----------------------------------------*/
#sorteos #contenido p { font-size: 1.2em; line-height: 1.2em; text-align: center; margin-bottom: 2em; }
#sorteos #contenido p strong { color: #014C99; font-weight: normal; }
#sorteos #contenido .intro { position: relative; background: url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; padding: 20px; text-align: center; margin-bottom: 2em; }
#sorteos #contenido .intro img { width: 100%; max-width: 328px; display: block; margin: 0 auto 1em auto; }
#sorteos #contenido .intro h3 { text-transform: uppercase; color: #FFF; font-size: 1.4em; line-height: 1.2em; }
#sorteos #contenido .intro p { color: #FFF; font-size: 1.2em; line-height: 1.2em; margin: 0; }
#sorteos #contenido .logos { margin-bottom: 1em; text-align: center; }
#sorteos #contenido .logos li { display: inline-block; margin: 0 4px 8px 4px; vertical-align: middle; }
#sorteos #contenido .logos li img { -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); }
#sorteos .ganadores { background: url("../images/box-back1.jpg") no-repeat; background-size: auto 100%; padding: 20px 0; margin: 0 -15px 1em -15px; }
#sorteos .ganadores h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; color: #FFF; font-size: 1.5em; margin-bottom: 1em; padding-left: 15px; }
#sorteos .ganadores ul { width: 100%; }
#sorteos .ganadores ul li img { -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); margin-bottom: 10px; }
#sorteos .ganadores ul li p { color: #FFF; font-size: 0.9em!important; text-align: center; margin: 0!important; }
#sorteos .ganadores p strong { color: #FF0!important; }

/*-- VIDEO NOTICIAS -------------------------------------*/
#videonoticias section #contenido h2 { background: url("../images/videonoticias-logo.gif") no-repeat; width: 266px; height: 36px; text-indent: -9999px; }
#videonoticias section #contenido h3 { padding-left: 10px; color: #333; font-size: 22px; line-height: 1.2em; margin-bottom: 20px; }
#videonoticias .row { clear: both; }
#videonoticias .destacadas { margin: 0 -10px 30px -10px; }
#videonoticias section .destacadas h3 { position: relative; }
#videonoticias section .destacadas h3 strong { display: none; }
#videonoticias section .destacadas h3 em { font-style: normal; color: #1964A5; font-size: 22px; font-weight: 600; }
#videonoticias .destacadas .secundarias li { margin-bottom: 10px; }
#videonoticias .destacadas .secundarias li a { display: block; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); font-family: 'Open Sans', sans-serif; font-weight: 300; background: #FFF; font-size: 16px; }
#videonoticias .destacadas .secundarias li a time, #videonoticias .destacadas .secundarias li a time:after, #videonoticias .destacadas .secundarias li a time:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
#videonoticias .destacadas .secundarias li a time { display: block; background: rgba(0,0,0,0.4); width: 100%; height: 20px; line-height: 20px; padding: 0 5px; font-size: 11px; color: #FFF; position: absolute; left: 0; bottom: 0; }
#videonoticias .destacadas .secundarias li a .img { display: block; width: 50%; position: relative; float: left; }
#videonoticias .destacadas .secundarias li img { width: 100%; height: auto; }
#videonoticias .destacadas .secundarias li a .data { display: block; width: 50%; float: right; font-size: 0.8em; padding: 0.5em; }
#videonoticias .destacadas .secundarias li a .txt1 { color: #1964A5; font-size: 1em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; font-weight: 600; }
#videonoticias .destacadas .secundarias li a .txt2 { color: #333; font-size: 0.8em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.5em; font-style: italic; }
#videonoticias .destacadas .secundarias li a .txt3 { color: #333; font-size: 1em; max-height: 54px; overflow: hidden; font-weight: 600; margin: 0; }
#videonoticias .destacadas .owl-prev { left: -5px; }
#videonoticias .destacadas .owl-next { right: -5px; }
#videonoticias .owl-dots { margin-top: 20px; text-align: center; }
#videonoticias .edicion .destacadas .secundarias li a { background: #DCDCDC; }
#videonoticias .edicion .volver { display: inline-block; background: #FFF url("../images/videonoticias-volver.gif") no-repeat; height: 30px; line-height: 30px; font-size: 13px; color: #0C4678; padding: 0 15px 0 40px; float: right; }
#videonoticias .ultimas { margin: 0 -10px 30px -10px; }
#videonoticias .ultimas h3 { margin: 0 2%; }
#videonoticias .ultimas .news { margin: 0 1%; }
#videonoticias .ultimas .news li { width: 48%; float: left; margin: 0 1% 10px 1%; }
#videonoticias .ultimas .news li a { display: block; padding: 5px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); font-family: 'Open Sans', sans-serif; font-weight: 300; background: #FFF; }
#videonoticias .ultimas .news li a .img { display: block; position: relative; }
#videonoticias .ultimas .news li a .img .play { width: 30px; height: 30px; background-size: 30px 60px!important; margin: -15px 0 0 -15px; }
#videonoticias .ultimas .news li a:hover .img .play { background-position: 0 -30px!important; }
#videonoticias .ultimas .news li img { width: 100%; height: auto; margin-bottom: 5px; }
#videonoticias .ultimas .news li time { color: #1964A5; }
#videonoticias .ultimas .news li p { color: #333; font-size: 15px; line-height: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
#videonoticias .ultimas .flechas { clear: both; float: right; }
#videonoticias .ultimas .flechas li { float: left; }
#videonoticias .ultimas .flechas li a { display: block; background: #FFF url("../images/videonoticias-flechas.gif") no-repeat; margin-left: 10px; font-size: 11px; line-height: 22px; height: 22px; }
#videonoticias .ultimas .flechas li .ant { padding: 0 10px 0 30px; background-position: left 6px; }
#videonoticias .ultimas .flechas li .sig { padding: 0 30px 0 10px; background-position: right 6px; }
#videonoticias .ediciones { background: #DCDCDC; margin: 0 -15px; padding: 20px 0; }
#videonoticias .ediciones h3 { position: relative; margin: 0 2%; padding: 0!important; }
#videonoticias .ediciones h3 strong { display: inline-block; background: url("../images/videonoticias-logo.gif") no-repeat; background-size: 160px 22px; width: 160px; height: 22px; text-indent: -9999px; position: relative; top: 2px; }
#videonoticias .ediciones ul li a { display: block; }
#videonoticias .ediciones ul li a .play { width: 30px; height: 30px; background-size: 30px 60px!important; margin: -15px 0 0 -15px; }
#videonoticias .ediciones ul li a:hover .play { background-position: 0 -30px!important; }
#videonoticias .ediciones ul li img { display: block; width: 100%; height: auto; margin-bottom: 5px; }
#videonoticias .ediciones ul li time { position: absolute; bottom: 0; left: 0; height: 20px; width: 100%; background: rgba(0,0,0,0.6); color: #FFF; font-size: 11px; line-height: 20px; padding: 0 10px; margin: 0; }
#videonoticias .ediciones ul li time, #videonoticias .ediciones ul li time:after, #videonoticias .ediciones ul li time:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
#videonoticias .ediciones ul li p { margin: 0; }
#videonoticias .ediciones ul li p a { display: block; background: url("../images/videonoticias-icons.gif") no-repeat; height: 20px; font-size: 11px; line-height: 20px; color: #4C4C4C; padding-left: 16px; }
#videonoticias .ediciones ul li p a:hover { text-decoration: underline; }
#videonoticias .ediciones ul li .com a { background-position: 2px 0; }
#videonoticias .ediciones ul li .det a { background-position: 0 -20px; }
#videonoticias .ediciones #galeriaContainer { height: 180px; }
#videonoticias .fancy, #videonoticias .fancy2 { position: relative; }
#videonoticias .fancy .play, #videonoticias .fancy2 .play { display: block; background: url("../images/videonoticias-play.png") no-repeat!important; position: absolute; left: 50%!important; top: 50%!important; }
#videonoticias .destacadas .main .play { top: 40%!important; width: 70px; height: 70px; margin: -35px 0 0 -35px; background-size: 70px 140px!important; }
#videonoticias .destacadas .main a:hover .play { background-position: 0 -70px!important; }

/*-- WIFI -----------------------------------------*/
#wifi .col2 img { width: 100%; max-width: 365px; height: auto; display: block; margin: auto; }
#wifi .col2 a { display: block; margin-top: 1em; }
#wifi .caracteristicas li { position: relative; min-height: 95px; margin-bottom: 2em; }
#wifi .caracteristicas li em { font-weight: bold; font-size: inherit; color: #1964A5; }
#wifi .caracteristicas li .thumb { width: 145px; height: 95px; margin-bottom: 1em; }
#wifi .botones { clear: both; padding-top: 30px; }
#wifi .botones li { margin-bottom: 5px; }
#wifi .botones li a { display: block; padding: 5px 50px 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 12px; line-height: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; background: url("../images/accordions-digitalhd.jpg") no-repeat; background-size: 100% auto; }
#wifi .botones a .masInfo { position: absolute; top: 5px; right: 15px; z-index: 1000; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-shadow: none; }

/*-- WIFI COBERTURA -----------------------------------------*/
#wifietapa .textoBase h3 { clear: both; margin-bottom: 1em; }
#wifietapa .map { overflow: hidden; height: 322px; border: 1px solid #CCC; }
#wifietapa iframe { width: 100%; height: 400px; position: relative; top: -78px; }
#wifietapa .tabs { width: 100%; clear: both; background: url("../images/tabs-back.png") left bottom repeat-x; display: block!important; }
#wifietapa .tabs li { background: #FFF url("../images/tabs-back.png") left bottom repeat-x; color: #88AFD5; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase; text-align: center; float: left; padding: 0.8em 0; font-size: 0.9em; line-height: 1.2em; cursor: pointer; width: 25%; vertical-align: top; }
#wifietapa .tabs li.current { color: #1A64A5; background-image: none; }
#wifietapa .tabs li.disabled { color: #CCC; cursor: not-allowed; }
#wifietapa .tab-content { background: #FFF; display: none; box-sizing: border-box; width: 100%; padding: 10px; margin-bottom: 20px; }
#wifietapa .tab-content.current { display: inherit; }

/*-- WIFI CONDICIONES -----------------------------------------*/
#wifiCondiciones .textoBase hgroup { width: 100%; }
#wifiCondiciones .textoBase ul { margin-bottom: 18px; }

/*-- WIFI PASS -----------------------------------------*/
#wifiPass iframe { width: 100%; height: 400px; border: 1px solid #CCC; }
#wifiIframe { background: #FFF; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 600; height: 100%; }
#wifiIframe .container { height: 100%; border: 5px solid #FFF; position: relative; background: #1D2E5C; background: -moz-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1D2E5C), color-stop(100%, #72A8DB)); background: -webkit-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -o-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -ms-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: linear-gradient(to right, #1D2E5C 0%, #72A8DB 100%); }
#wifiIframe h2 { padding: 15px 20px; border-bottom: 5px solid #FFF; font-size: 14px; line-height: 20px; }
#wifiIframe h2 img { position: relative; top: 5px; }
#wifiIframe h2.registracion { text-align: center; padding: 0 10px 10px 10px!important; }
#wifiIframe h2.registracion img { top: 0; width: 90%; max-width: 480px; display: block; margin: auto; }
#wifiIframe .form { padding: 15px 20px; font-size: 11px; line-height: 16px; }
#wifiIframe .form ul { clear: both; }
#wifiIframe .form ul li { margin-bottom: 5px; display: block!important; }
#wifiIframe .form label { width: 260px; display: block; padding: 6px 0; position: relative; }
#wifiIframe .form .dd2 span { float: left; color: #08468D; background: #C6D1E0; display: inline-block; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 5px 5px 5px 10px; line-height: 17px; height: 17px; border: 1px solid #A8A8A8; border-right: none; }
#wifiIframe .form p { display: block; padding-top: 6px; font-size: 10px; color: #C6D1E0; }
#wifiIframe .form .formField { font-size: 12px; line-height: 17px; height: 27px; width:150px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 5px; }
#wifiIframe .form .formField.pre { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#wifiIframe .form .formField:focus { background-color:#FFF; }
#wifiIframe .form .formBtn { border: none; cursor: pointer; color: #08468D; font-size: 13px; line-height: 25px; height: 25px; padding: 0 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); background: #FFF; background: -moz-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ECEDF1)); background: -webkit-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -o-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -ms-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: linear-gradient(to bottom, #FFF 0%, #ECEDF1 100%); }
#wifiIframe .form .formBtn:hover, #wifiIframe .form .formBtn:active { color: #FFF; background: #3288C3; background: -moz-linear-gradient(top, #3288C3 0%, #044994 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3288C3), color-stop(100%, #044994)); background: -webkit-linear-gradient(top, #3288C3 0%, #044994 100%); background: -o-linear-gradient(top, #3288C3 0%, #044994 100%); background: -ms-linear-gradient(top, #3288C3 0%, #044994 100%); background: linear-gradient(to bottom, #3288C3 0%, #044994 100%); }
#wifiIframe .form h3 { font-size: 14px; cursor: pointer; clear: both; }
#wifiIframe .form hr { height: 1px; border: none; border-bottom: 1px dotted #A0B3CA; margin: 20px 0; }
#wifiIframe .form .dd1, #wifiIframe .form .dd2 { margin-top: 12px; }
#wifiIframe #res { float: none; max-width: 250px; margin: 150px auto 0 auto; font-size: 13px; line-height: 16px; padding: 10px; background: #F8F8F8; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); color: #1A64A5; text-align: center; }
#wifiIframe p.ref { box-sizing: border-box; position: absolute; bottom: 0; left: 0; font-size: 10px; padding: 15px 20px; width: 100%; }
#wifiIframe .logo { width: 80%; max-width: 250px; display: block; margin: auto; }
#wifiIframe #iden { position: relative; }

@media only screen and (min-width: 360px) {
#wifiIframe .logo { position: absolute; top: 0; right: 0; width: 30%; }
}

@media only screen and (min-width: 480px) {
#wifiIframe .logo { width: 40%; }
}

@media only screen and (min-width: 768px) {
#wifiIframe h2, #wifiIframe .form, #wifiIframe p.ref { padding: 30px 40px; }
#wifiIframe h2 { font-size: 16px; line-height: 22px; }
}


/*-- FACTURA ELECTRONICA -----------------------------------------*/
#factura { background: #FFF; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 600; height: 100%; }
#factura .container { height: 100%; border: 5px solid #FFF; position: relative; background: #1D2E5C; background: -moz-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1D2E5C), color-stop(100%, #72A8DB)); background: -webkit-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -o-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: -ms-linear-gradient(left, #1D2E5C 0%, #72A8DB 100%); background: linear-gradient(to right, #1D2E5C 0%, #72A8DB 100%); }
#factura .form { padding: 15px 20px; font-size: 11px; line-height: 16px; }
#factura .form ul { clear: both; }
#factura .form ul li { margin-bottom: 5px; display: block!important; }
#factura .form label { width: 260px; display: block; padding: 6px 0; position: relative; }
#factura .form .formField { font-size: 12px; line-height: 17px; height: 27px; width:100%; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 5px; }
#factura .form .formField:focus { background-color:#FFF; }
#factura .form .formBtn { border: none; cursor: pointer; color: #08468D; font-size: 13px; line-height: 25px; height: 25px; padding: 0 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); background: #FFF; background: -moz-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ECEDF1)); background: -webkit-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -o-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: -ms-linear-gradient(top, #FFF 0%, #ECEDF1 100%); background: linear-gradient(to bottom, #FFF 0%, #ECEDF1 100%); }
#factura .form .formBtn:hover, #factura .form .formBtn:active { color: #FFF; background: #3288C3; background: -moz-linear-gradient(top, #3288C3 0%, #044994 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3288C3), color-stop(100%, #044994)); background: -webkit-linear-gradient(top, #3288C3 0%, #044994 100%); background: -o-linear-gradient(top, #3288C3 0%, #044994 100%); background: -ms-linear-gradient(top, #3288C3 0%, #044994 100%); background: linear-gradient(to bottom, #3288C3 0%, #044994 100%); }
#factura .form input[type="radio"] { margin-right: 0.5em; }

#factura .logo { max-width: 250px; display: none; margin: auto; }

#factura .error { width: 50%; max-width: 320px; text-align: center; font-weight: bold; font-size: 1.5em; padding: 1em; background: #FFF; background: -moz-linear-gradient(top, #FFF 0%, #E8E8E8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #E8E8E8)); background: -webkit-linear-gradient(top, #FFF 0%, #E8E8E8 100%); background: -o-linear-gradient(top, #FFF 0%, #E8E8E8 100%); background: -ms-linear-gradient(top, #FFF 0%, #E8E8E8 100%); background: linear-gradient(to bottom, #FFF 0%, #E8E8E8 100%); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); margin: 100px auto 0 auto; }
#factura .error p { margin-bottom: 1.5em; line-height: 1.2em; color: #004BA0; }
#factura .btn-gray { max-width: 100px; margin: auto; }

@media only screen and (min-width: 360px) {
#factura .logo { display: block; position: absolute; top: 0; right: 0; width: 30%; }
#factura .form .formField { width: 60%; max-width: 200px; }
}

@media only screen and (min-width: 480px) {
#factura .logo { width: 40%; }
}

@media only screen and (min-width: 400px) {
/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #container .box4, #produccion #container .box5 { width: 50%; }
#produccion #container .box4 .content { margin-right: 0; }
}

@media only screen and (min-width: 430px) {
/*-- HOME -------------------------------------*/
#home #institucional ul { margin: 0 -1% 1rem -1%; }
#home #institucional li { margin: 0 1% 10px 1%; width: 48%; }
#home #institucional li a { max-height: none; }
#home #institucional li .cont .sub { padding: 10px 3px; }
}

@media only screen and (min-width: 480px) {
/*-- GENERAL -------------------------------------*/
.btn-container .btn-gray { float: right; width: 160px; }
/*-- HOME -------------------------------------*/
#home #institucional li .cont .sub { padding: 10px; }
/*-- BENEFICIOS -----------------------------------------*/
#beneficios .beneficio .box { padding: 20px; font-size: 13px; line-height: 16px; }
#beneficios .beneficio .box1 { font-size: 16px; line-height: 20px; }
#beneficios .beneficio .ticket { top: 5px; width: 80px; }
/*-- NOTICIAS -------------------------------------*/
#noticias .listado li a { padding: 0 15px 10px 40%; }
/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #contenido .canales { margin: 0 -2.5%; }
#produccion #contenido .canales li { width: 30%; margin: 0 1%; }
#produccion #contenido .canales li span { width: 80px; height: 19px; background-size: 80px 19px; top: 10px; }
/*-- WIFI -----------------------------------------*/
#wifi .caracteristicas li { padding-left: 170px; }
#wifi .caracteristicas li .thumb { position: absolute; top: 0; left: 0; }
}



@media only screen and (min-width: 500px) {
/*-- VIDEO NOTICIAS -------------------------------------*/
#videonoticias .destacadas .secundarias li a .data { font-size: 1em; }
#videonoticias .destacadas .secundarias li a .img .play { width: 50px; height: 50px; background-size: 50px 100px!important; margin: -25px 0 0 -25px; }
#videonoticias .destacadas .secundarias li a:hover .img .play { background-position: 0 -50px!important; }
}


@media only screen and (min-width: 600px) {
/*-- GENERAL -----------------------------------------*/
/* #programas-filtro li a { background-size: 160px 150px; width: 120px; height: 30px; margin: 8px auto; }
#programas-filtro.destacados li a { background-size: 120px 90px; } */
#programas-listado li { width: 32%; margin: 0 0.5% 10px 0.5%; }
#programas-listado li .data h2 { font-size: 15px; line-height: 18px; height: 46px; }
/*-- HOME -----------------------------------------*/
#home .galeriaSlides .owl-nav { margin-top: -33px; }
#home .galeriaSlides .owl-prev, .owl-carousel .owl-next { height: 66px; width: 46px; background-size: 92px 66px; }
#home .galeriaSlides .owl-next { background-position: -46px 0; }
/*-- AYUDA -----------------------------------------*/
#ayuda .col1 { width: 59%; }
#ayuda .col2 { width: 39%; text-align: right; }
/*-- FORMAS DE PAGO -------------------------------------*/
#pagos .pago .oficinas, #pagos .pago .links { clear: none; float: left; width: 50%; }
#pagos .entidades { margin-bottom: 30px; background: url("../images/tabs-back.png") left bottom repeat-x; }
#pagos .entidades.deselected { background: none; padding-bottom: 5px; }
#pagos .entidades li { width: 20%; padding: 0 0.5%; }
#pagos .entidades li.sel a { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px rgba(0,0,0,0.15); }
#pagos .intro .todos , #pagos .filtros fieldset { float: left; }
#pagos .intro .todos { margin-right: 30px; }
#pagos .intro { position: relative; /*padding-right: 240px;*/ min-height: 190px; }
#pagos .intro .placa { position: absolute; top: 0; right: 0; width: 200px; }
/*-- BASICO -------------------------------------*/
#basico .col1 { width: 59%; }
#basico .col2 { width: 39%; text-align: right; }
#basico .col2 img { padding-right: 0; }
/*-- BENEFICIOS -----------------------------------------*/
#beneficios .beneficio .box { width: 25%; }
#beneficios .beneficio .box { padding: 10px; font-size: 11px; line-height: 13px; }
#beneficios .beneficio .box1 { font-size: 13px; line-height: 15px; }
/*-- CANALES PROPIOS -----------------------------------------*/
#canalesPropios .canal { padding: 25px 15px 25px 50%; }
#canalesPropios .canal .logo { width: 30%; margin: -51px 8% 0 0; position: absolute; top: 50%; left: 15px; }
/*-- COMO TENER CCC -----------------------------------------*/
#comoTener #container .box1, #comoTener #container .box3 { width: 35%; }
/* #comoTener #container .box1 .content, #comoTener #container .box3 .content { margin-right: 0; } */
#comoTener #container .box2, #comoTener #container .box4 { width: 65%; }
#comoTener #container .box1 img { height: 100%; width: auto; }
#comoTener #container .box2 p { font-size: 13px; line-height: 16px; margin-top: 10px; }
#comoTener .formBtn { width: auto; float: right; }
/* #comoTener #container .box3 .content, #comoTener #container .box4 .content { margin-bottom: 5px; } */
/*-- CONTACTO -----------------------------------------*/
#contacto #container .box1, #contacto #container .box3 { width: 35%; }
#contacto #container .box1 .content, #contacto #container .box3 .content { margin-right: 0; }
#contacto #container .box2, #contacto #container .box4 { width: 65%; }
#contacto #container .box1 img { height: 100%; width: auto; }
/* #contacto #container .box2 h3 { font-size: 16px; line-height: 22px; margin-top: 20px; } */
#contacto .formBtn { width: auto; float: right; }
/*-- DESTACADOS -----------------------------------------*/
#destacados #programas-filtro li a { width: 160px; height: 30px; }
#destacados #programas-filtro li a { background-size: 160px 120px; }
#destacados #programas-filtro li.ccc a { background-position: 0 -30px; }
#destacados #programas-filtro li.dhd a { background-position: 0 -60px; }
#destacados #programas-filtro li.pre a { background-position: 0 -90px; }
/*-- DIGITAL & DIGITAL HD -------------------------------------*/
#digital .col1, #digitalhd .col1 { width: 59%; }
#digital .col2, #digitalhd .col2 { width: 39%; text-align: right; }
/*-- NOTICIAS -------------------------------------*/
#noticias .listado li { width: 50%; }
#noticias .listado li a { padding: 0 15px 10px 50%; }
/*-- NOTICIAS DETALLE -------------------------------------*/
#noticiasDetalle .col1 { width: 59%; }
#noticiasDetalle .col2 { width: 39%; text-align: right; }
#noticiasDetalle .col2 img { margin: 0; display: inline-block; }
/*-- PREMIUM DIGITAL ------------------------------------*/
#premiumDigital .producto .data { padding-left: 40%; margin-bottom: 1em; }
#premiumDigital .producto .imagen { margin: 0; position: absolute; top: -20px; left: -15px; width: 50%; padding: 0; }
#premiumDigital .producto .placa { margin: 0 0 0 40%; }
/*-- PRODUCTOS -----------------------------------------*/
#productos .producto .dataLink { padding-left: 40%; margin-bottom: 2em; }
#productos .producto .imagen { margin: 0; position: absolute; top: 0; left: -15px; width: 40%; }
#productos .producto .placa { margin: 0 0 0 40%; }
/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #container .box { font-size: 13px; line-height: 15px; }
#produccion #container .box1 { width: 33.33%; }
#produccion #container .box2 { width: 66.66%; }
#produccion #container .box3, #produccion #container .box4, #produccion #container .box5 { width: 33.33%; }
#produccion #container .box img { width: auto; height: 100%; }
#produccion #container .box1 .content, #produccion #container .box3 .content { margin-right: 0; }
#produccion #container .contacto li { margin-bottom: 15px; }
#produccion #container .contacto h3 { font-size: 14px; }
/*-- PROGRAMACION PROPIA -----------------------------------------*/
#programacionPropia #programas-filtro li a { width: 120px; height: 30px; }
#programacionPropia #programas-filtro li a { background-size: 160px 150px; }
#programacionPropia #programas-filtro li.tod a { background-position: -20px 0; }
#programacionPropia #programas-filtro li.c11 a { background-position: -20px -30px; }
#programacionPropia #programas-filtro li.c12 a { background-position: -20px -60px; }
#programacionPropia #programas-filtro li.c13 a { background-position: -20px -90px; }
#programacionPropia #programas-filtro li.c14 a { background-position: -20px -120px; }
/*-- SORTEOS -----------------------------------------*/
#sorteos #contenido .intro { padding: 40px 20px 20px 45%; min-height: 190px; }
#sorteos #contenido .intro img { width: 40%; margin: 0; position: absolute; top: 20px; left: 3%; }
#sorteos #contenido .intro h3, #sorteos #contenido .intro p { text-align: left; }
/*-- WIFI -----------------------------------------*/
#wifi .col1 { width: 59%; }
#wifi .col2 { width: 39%; text-align: right; }
/*-- WIFI COBERTURA -----------------------------------------*/
#wifietapa .map { height: 622px; }
#wifietapa iframe { height: 700px; }
#wifietapa .tabs li { padding: 0.7em 1.4em; font-size: 1.3em; width: auto; }
#wifietapa .tab-content { margin-bottom: 30px; }
}

@media only screen and (max-width: 767px) {
/*-- GENERAL -----------------------------------------*/
.table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
}


body.m #tip { position: relative; opacity: 1!important; top: 0!important; }
body.m #tip .placa { max-width: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: left; height: 85px; }
body.m #tip .placa h3 br { display: none; }


section #tip { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; }
section #tip .placa .high { text-transform: uppercase; font-size: 1em; font-weight: 600; }
section #tip .placa em { text-transform: uppercase; text-align: center; display: block; }
section #tip .placa em span { font-weight: 600; }
body.m section #tip .placa em span { position: relative; top: 50%; transform: translateY(-50%); display: block; }
body.m #tip .placa em { width: 40%; float: right; position: absolute; top: 10px; right: 10px; height: 75%; margin: 0; vertical-align: middle; font-size: 14px!important; }
body.m #tip .placa .high { margin: 0; }
section #tip .placa .logoccc, section #tip .placa .logocccdigital, section #tip .placa .logocccwifi { display: block; text-indent: -9999px; }
section #tip .placa .logoccc { background: url("../images/tip-ccc.png") no-repeat; width: 102px; height: 42px; margin-top: 5px; }
section #tip .placa .logocccdigital { background: url("../images/tip-cccdigital.png") no-repeat; width: 128px; height: 13px; margin-bottom: 5px; }
section #tip .placa .logocccwifi { background: url("../images/tip-cccwifi.png") no-repeat; width: 179px; height: 16px; margin-bottom: 5px; }
section #tip .placa h3 { text-transform: uppercase; font-weight: 600; color: #FFF; font-size: 1.4em; margin: 2px auto; }

@media only screen and (min-width: 768px) {
section #tip { position: absolute; right: 20px; top: 10px; width: 228px; height: 154px; z-index: 1000; }
section #tip .placa { /*min-height: 140px;*/ padding-bottom: 20px; }
section #tip .placa h3 { margin: 5px auto; }
section #tip .placa em { width: 96%; }
section #tip .placa em span br { display: none; }
section #tip .placa .logocccdigital, section #tip .placa .logocccwifi { margin: 10px auto; }
section #tip .placa .logoccc { margin: 10px auto 20px auto; }
/*-- GENERAL -----------------------------------------*/
#destacados #programas-filtro li { width: 25%; }
#programacionPropia #programas-filtro li { width: 20%; }
#programas-filtro li { border-right: 1px solid #CCC; }
#programas-filtro li:last-child { border-right: none; }
#programas-filtro li.tod { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
/*-- FOOTER -------------------------------------*/
footer nav ul li a { font-size: 10px; padding: 0 12px; }
/*-- HOME -------------------------------------*/
#home #institucional ul { margin: 0 -1%; }
#home #institucional li { margin: 0 1% 15px 1%; width: 31%; }
#home #institucional li .cont { top: 100%; }
#home #institucional li .preview { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 20px; color: #E6E6E6; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-shadow: 1px 1px 1px #000; text-indent: 10px; background: rgba(0,0,0,0.75); background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.3))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 100%); }
#home #institucional li .preview .fa { position: absolute; top: 4px; right: 8px; text-shadow: none; color: rgba(255,255,255,0.7); }
/*-- AYUDA -----------------------------------------*/
/*#ayuda .box { margin-bottom: 20px; }*/
/*-- FORMAS DE PAGO -----------------------------------------*/
#pagos .box { margin-bottom: 20px; }
/*-- BASICO -------------------------------------*/
#basico #contenido .col1 ul li { background-size: 100% auto; }
/*-- BENEFICIOS -----------------------------------------*/
#beneficios .beneficio .box { font-size: 13px; line-height: 16px; }
#beneficios .beneficio .box1 { font-size: 16px; line-height: 20px; }
#beneficios .beneficio .ticket { top: 10px; width: 120px; }
/*-- CANALES PROPIOS -----------------------------------------*/
#canalesPropios .canal { padding: 15px 340px 15px 36%; height: 250px; }
#canalesPropios .canal .canalData { padding-top: 60px; margin: 0; }
#canalesPropios .canalSlides { position: absolute; top: 15px; right: 15px; width: 290px; }
/*-- COMO TENER CCC -----------------------------------------*/
#comoTener #container .box2 .content, #comoTener #container .box3 .content, #comoTener #container .box4 .content { padding: 20px; }
#comoTener #container .box1 img { height: auto; width: 100%; }
#comoTener #container .box2 p { margin-top: 0; }
#comoTener #container .box3 ul { display: inline-block; width: 50%; vertical-align: top; }
#comoTener #container .oficinas.list1 li:last-child { margin: 0; }
#comoTener #container .box2 { width: 65%; }
#comoTener #container .box4 { width: 35%; }
#comoTener #container .box4 .content { margin-right: 0; }
#comoTener #container .box5 { display: flex; order: 5; width: 30%; }
#comoTener #container .box5 .content { background: url("../images/comoTener-img01.jpg") no-repeat; background-position: center center; background-size: auto 100%; }
/*-- CONTACTO -----------------------------------------*/
#contacto #container .box2 .content, #contacto #container .box3 .content, #contacto #container .box4 .content { padding: 20px; }
#contacto fieldset { width: 48%; }
#contacto fieldset.form1 { float: left; }
#contacto fieldset.form1 ul li:last-child { margin: 0; }
#contacto fieldset.form2 { float: right; }
#contacto #container .box1 img { height: auto; width: 100%; }
#contacto #container .box3 ul { display: inline-block; width: 50%; vertical-align: top; }
#contacto #container .oficinas.list1 li:last-child { margin: 0; }
/*-- DESTACADOS -----------------------------------------*/
#destacados .textoBase hgroup { margin-bottom: 45px; }
#destacados .placa-wrap { height: 150px; }
#destacados #programas-filtro li.ccc { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#destacados #programas-filtro li.dhd { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#destacados #programas-filtro li.pre { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
/*-- EMPRESA -------------------------------------*/
#empresa #contenido h2 { width: 409px; height: 24px; }
#empresa .col1 { width: 30%; padding-left: 3%; }
/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #contenido .canales li a { height: 60px; }
#produccion #contenido .canales li a img { width: 58px; height: 58px; }
#produccion #contenido .canales li span { width: 120px; height: 30px; background-size: 120px 30px; top: 15px; left: 38%; }
/*-- PROGRAMACION PROPIA -----------------------------------------*/
#programacionPropia #programas-filtro li.c12 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#programacionPropia #programas-filtro li.c13 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#programacionPropia #programas-filtro li.c14 { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
/*-- SORTEOS -----------------------------------------*/
#sorteos #contenido p { font-size: 1.3em; }
#sorteos #contenido .intro { padding: 40px 10% 20px 50%; min-height: 220px; }
#sorteos #contenido .intro img { left: 8%; }
#sorteos #contenido .intro h3 { font-size: 1.6em; }
#sorteos #contenido .intro p { font-size: 1.4em; }
#sorteos #contenido .logos li { margin: 0 8px 18px 8px; }
#sorteos #contenido .logos li img { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
/*-- VIDEO NOTICIAS -------------------------------------*/
#videonoticias .destacadas .secundarias li a .data { font-size: 0.8em; }
}





@media only screen and (min-width: 800px) {
/*-- COMO TENER CCC -----------------------------------------*/
#comoTener #container .box2 p { margin-top: 20px; }
#comoTener fieldset { font-size: 0; }
#comoTener fieldset ul li { margin-bottom: 15px; }
#comoTener fieldset ul li label, #comoTener fieldset ul li .formField, #comoTener fieldset ul li select { display: inline-block; }
#comoTener fieldset ul li label { width: 40%; }
#comoTener fieldset ul li .formField, #comoTener fieldset ul li select { width: 60%; }
#comoTener fieldset ul li { margin-bottom: 5px; }
#comoTener #container .oficinas li { font-size: 13px; line-height: 16px; margin-bottom: 16px; }
#comoTener .btn p { float: left; width: 50%; margin: 0; }
/*-- CONTACTO -----------------------------------------*/
#contacto fieldset.form1 { font-size: 0; }
#contacto fieldset.form1 ul li { margin-bottom: 15px; }
#contacto fieldset.form1 label, #contacto fieldset.form1 .formField { display: inline-block; }
#contacto fieldset.form1 label { width: 40%; }
#contacto fieldset.form1 .formField { width: 60%; }
#contacto #container .oficinas li { font-size: 13px; line-height: 16px; margin-bottom: 16px; }
}





@media only screen and (min-width: 860px) {
/*-- NOTICIAS -------------------------------------*/
#noticias .listado li a { padding: 0 25px 10px 40%; }
#noticias .listado li .vermas { right: 25px; }
}





@media only screen and (min-width: 984px) {
/*-- GENERAL -----------------------------------------*/
#programas-listado li { width: 24%; margin: 0 0.5% 10px 0.5%; }
#programas-listado li .logo { padding-top: 35px; width: 45px; }
#programas-listado li .logo img { width: 45px; height: 45px; }



/* #programas-listado li .canales { width: 45px; height: 45px; }
#programas-listado li .canales li { font-size: 14px; line-height: 50px; width: 45px; height: 45px; background-size: 45px 180px; }
#programas-listado li .canales li.hd { background-position: 0 -90px; }
#programas-listado li .canales li.pre { background-position: 0 -135px; }
#programas-listado li .canales.cant_2 li.ccc, #programas-listado li .canales.cant_2 li.dig { padding-top: 8px; font-size: 11px; }
#programas-listado li .canales.cant_2 li.ccc { background-position: 0 -45px; height: 23px; line-height: 13px; }
#programas-listado li .canales.cant_2 li.dig { background-position: 0 -68px; height: 22px; line-height: 12px; } */




#programas-listado li .data h2 { font-size: 17px; line-height: 20px; height: 50px; margin-bottom: 10px; }
#programas-listado li .data .fecha { font-size: 11px; }
body { background: #DBDBDC url("../images/back.jpg") top center no-repeat; }
.wide { display: block; background: #333; }
.wide .wrap { background: none!important; height: 30px!important; }
.wide .wrap ul { position: absolute; top: 9px; right: 0; }
.wide .wrap ul li { float: left; }
.wide .wrap ul li a { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 12px; padding: 0 10px; border-right: 1px solid #666; }
.wide .wrap ul li:last-child a { border: none; }
.wide .wrap ul li a:link, .wide .wrap ul li a:visited { color: #C7C7C7; }
.placa-wrap { display: block; position: absolute; top: 0; right: 20px; width: 190px; height: 200px; overflow: hidden; }
#wrapper { position: relative; z-index:  10; padding-bottom:  35px; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }
.destacadosProgTit { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 22px; line-height: 40px!important; height: 40px; text-transform: uppercase; background: url("../images/destacadosProgTit.jpg") no-repeat; background-size:  100% 100%; padding-left: 15px; margin-bottom: 20px; }
#destacadosProg { display: block; text-align: center; margin-bottom: 20px; }
#destacadosProg li { position: relative; display: inline-block; margin: 0 10px; padding: 4px; border: 1px solid #CCC; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.25); box-shadow: 0 0 3px rgba(0,0,0,0.25); }
#destacadosProg li a { position: relative; display: block; width: 216px; height: 162px; overflow: hidden; }
#destacadosProg li .main { position: absolute; top: 0; left: 0; width: 216px; height: auto; }
#destacadosProg li .logo { position: absolute; bottom: -1px; left: 0; padding-top: 35px; width: 45px; background: #FEFCFC; background: -moz-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,252,252,0)), color-stop(100%, #FEFCFC)); background: -webkit-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -o-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: -ms-linear-gradient(top, rgba(254,252,252,0) 0%, #FEFCFC 100%); background: linear-gradient(to bottom, rgba(254,252,252,0) 0%, #FEFCFC 100%); }
#destacadosProg li .cont { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 10px; background: rgba(0,0,0,0.75); text-shadow: 1px 1px 1px #000; }
#destacadosProg li .cont h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FFF; font-size: 20px; line-height: 24px; text-transform: none; margin-top: 0; text-align: left; }
#destacadosProg li .cont .canales { position: absolute; width: 45px; height: 45px; bottom: 0; left: 0; }
#destacadosProg li .cont .canales li { text-align: center; font-size: 14px; line-height: 50px; margin-right: 0; width: 45px; height: 45px; background: url("../images/sprites/canales-box.jpg") no-repeat; color: #FFF; font-weight: bold; text-shadow: none; border: none; margin-right: 0; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
#destacadosProg li .cont .canales li { position: absolute; left: 0; bottom: 0; margin: 0; }
#destacadosProg li .cont .canales li.dig { background-position: 0 0; }
#destacadosProg li .cont .canales li.hd { background-position: 0 -90px; }
#destacadosProg li .cont .canales li.pre { background-position: 0 -135px; }
#destacadosProg li .cont .canales.cant_2 li.ccc { background-position: 0 -45px; padding-top: 8px; height: 15px; line-height: 13px; color: #333; font-size: 11px; }
#destacadosProg li .cont .canales.cant_2 li.dig { background-position: 0 -68px; padding-top: 8px; height: 14px; line-height: 12px; font-size: 11px; }
#destacadosProg li .cont .fecha { position: absolute; font-size: 11px; color: #2CB8EB; right: 10px; bottom: 10px; margin-bottom: 0; }
/*-- HEADER -------------------------------------*/
header { position: relative; height: auto; box-shadow: none; background: url("../images/header-back.jpg") no-repeat top center; background-size: 100% 100%; }
header h1 { position: absolute; left: 20px; top: 12px; width: 130px; height: 140px; }
header h1 a { width: 130px; height: 140px; background: url("../images/logo-main.png") no-repeat; }
header .fa, header .whatsapp { display: none; }
header #destacados { position: absolute; width: 620px; height: 90px; top: 10px; right: 20px; overflow: hidden; }
header #destacados a { display: block; }
header #destacados, header #destacados img { border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
header #destacados .slidesjs-control, header #destacados .slidesjs-container { height: 90px!important; }
header nav { position: absolute; top: 135px; right: 10px; }
header nav ul li { float: left; }
header nav ul li a {  display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 16px; padding: 0 12px; border-right: 1px solid #E5E5E5; }
header nav ul li:last-child a { border:  none; }
header nav ul li a:link, header nav ul li a:visited { color: #DBE3ED; }
header nav ul li a:hover, header nav ul li a:active { color: #FFF; }
header ul.newsticker { position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; }
header ul.newsticker li { float: left; margin: 0; padding: 0; }
header ul.newsticker a { display: block; white-space: nowrap; height: 50px; background: url("../images/noticiasFeed-flechas.png") no-repeat right center; padding-right: 35px; margin-right: 50px; }
header ul.newsticker span { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 50px; color: #FFF; }
header ul.newsticker  .txt1 { font-weight: 600; }
header ul.newsticker .txt2 { font-style: italic; }
header ul.newsticker .txt3 { font-weight: 600; text-transform: uppercase; }
header #noticiasTitulo { position: absolute; width: 242px; height: 50px; right: 0; bottom: 0; background: url("../images/noticiasFeed-titulo.png"); z-index: 100; text-indent: -9999px; }
header #destacados, header #noticiasContainer, header nav { display: block; }
/*-- SECTION -------------------------------------*/
section { margin-top: 0; }
section #contenido, section .intro { padding: 20px }
section .wrap { width: 984px; padding: 0 10px; }
.textoBase { font-size: 1.15em; }
.textoBase.left { float: left; width: 50%; }
.textoBase h2 img { height: 36px; top: 4px; }
section .article-image { margin: 0 -20px 0 0; float: right; }
/*-- FOOTER -------------------------------------*/
footer { margin-top: -35px; z-index:  0; position: relative; }
footer nav { position: absolute; top: 50px; left: 152px; width: 730px; }
footer nav ul { padding: 0; }
footer nav ul li a { font-size: 10px; padding: 0 12px; }
footer .wrap { height: 195px; }
footer .bottom { height: 30px }
footer .copy { position: absolute; left: 347px; bottom: 10px; margin: auto; }
/*-- HOME -------------------------------------*/
#home #institucional li { margin: 0 1% 20px 1%; width: 23%; }
#home #grilla { display: block; position: relative; float: left; background: #FFF; height: 315px; border: 1px solid #CCC; width: 74.5%; margin-right: 2%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#home #grilla .contenido { width: 100%; padding: 9px; }
#home #grilla h2 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 10px; color: #043F85; }
#home #grilla .tabbed { width: 698px; height: 227px; }
#home #grilla .tabbed .nav { float: left; height: 25px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#home #grilla .tabbed .nav li a { display: block; height: 25px; padding: 0 9px; font-size: 12px; line-height: 25px; color: #08468D; text-align: center; border-right: 1px solid #E4E4E4; background: #FFF; background: -moz-linear-gradient(top, #FFF 0%, #EFEFEF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EFEFEF)); background: -webkit-linear-gradient(top, #FFF 0%, #EFEFEF 100%); background: -o-linear-gradient(top, #FFF 0%, #EFEFEF 100%); background: -ms-linear-gradient(top, #FFF 0%, #EFEFEF 100%); background: linear-gradient(to bottom, #FFF 0%, #EFEFEF 100%); }
#home #grilla .tabbed .nav li a:hover { background: #FDFFFE; background: -moz-linear-gradient(top, #FDFFFE 0%, #B3D8E7 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FDFFFE), color-stop(100%, #B3D8E7)); background: -webkit-linear-gradient(top, #FDFFFE 0%, #B3D8E7 100%); background: -o-linear-gradient(top, #FDFFFE 0%, #B3D8E7 100%); background: -ms-linear-gradient(top, #FDFFFE 0%, #B3D8E7 100%); background: linear-gradient(to bottom, #FDFFFE 0%, #B3D8E7 100%); }
#home #grilla .tabbed .nav li.current a { color: #FFF; }
#home #grilla .tabbed .nav li.can.current a { background: #F55E68; background: -moz-linear-gradient(top, #F55E68 0%, #CC2023 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #F55E68), color-stop(100%, #CC2023)); background: -webkit-linear-gradient(top, #F55E68 0%, #CC2023 100%); background: -o-linear-gradient(top, #F55E68 0%, #CC2023 100%); background: -ms-linear-gradient(top, #F55E68 0%, #CC2023 100%); background: linear-gradient(to bottom, #F55E68 0%, #CC2023 100%); }
#home #grilla .tabbed .nav li.dep.current a { background: #FB943B; background: -moz-linear-gradient(top, #FB943B 0%, #C56300 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FB943B), color-stop(100%, #C56300)); background: -webkit-linear-gradient(top, #FB943B 0%, #C56300 100%); background: -o-linear-gradient(top, #FB943B 0%, #C56300 100%); background: -ms-linear-gradient(top, #FB943B 0%, #C56300 100%); background: linear-gradient(to bottom, #FB943B 0%, #C56300 100%); }
#home #grilla .tabbed .nav li.cin.current a { background: #FFE90E; background: -moz-linear-gradient(top, #FFE90E 0%, #CCB600 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFE90E), color-stop(100%, #CCB600)); background: -webkit-linear-gradient(top, #FFE90E 0%, #CCB600 100%); background: -o-linear-gradient(top, #FFE90E 0%, #CCB600 100%); background: -ms-linear-gradient(top, #FFE90E 0%, #CCB600 100%); background: linear-gradient(to bottom, #FFE90E 0%, #CCB600 100%); }
#home #grilla .tabbed .nav li.var.current a { background: #B9DA55; background: -moz-linear-gradient(top, #B9DA55 0%, #718B20 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #B9DA55), color-stop(100%, #718B20)); background: -webkit-linear-gradient(top, #B9DA55 0%, #718B20 100%); background: -o-linear-gradient(top, #B9DA55 0%, #718B20 100%); background: -ms-linear-gradient(top, #B9DA55 0%, #718B20 100%); background: linear-gradient(to bottom, #B9DA55 0%, #718B20 100%); }
#home #grilla .tabbed .nav li.did.current a { background: #00D060; background: -moz-linear-gradient(top, #00D060 0%, #008145 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #00D060), color-stop(100%, #008145)); background: -webkit-linear-gradient(top, #00D060 0%, #008145 100%); background: -o-linear-gradient(top, #00D060 0%, #008145 100%); background: -ms-linear-gradient(top, #00D060 0%, #008145 100%); background: linear-gradient(to bottom, #00D060 0%, #008145 100%); }
#home #grilla .tabbed .nav li.inf.current a { background: #2D89C2; background: -moz-linear-gradient(top, #2D89C2 0%, #064C97 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #2D89C2), color-stop(100%, #064C97)); background: -webkit-linear-gradient(top, #2D89C2 0%, #064C97 100%); background: -o-linear-gradient(top, #2D89C2 0%, #064C97 100%); background: -ms-linear-gradient(top, #2D89C2 0%, #064C97 100%); background: linear-gradient(to bottom, #2D89C2 0%, #064C97 100%); }
#home #grilla .tabbed .nav li.int.current a { background: #BB1EA3; background: -moz-linear-gradient(top, #BB1EA3 0%, #751264 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #BB1EA3), color-stop(100%, #751264)); background: -webkit-linear-gradient(top, #BB1EA3 0%, #751264 100%); background: -o-linear-gradient(top, #BB1EA3 0%, #751264 100%); background: -ms-linear-gradient(top, #BB1EA3 0%, #751264 100%); background: linear-gradient(to bottom, #BB1EA3 0%, #751264 100%); }				
#home #grilla .tabbed .nav li.first a { border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
#home #grilla .tabbed .nav li.last a { border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-right: 0; }
#home #grilla .tabbed .cont { top: 35px; }
#home #grilla .tabbed .cont li { width: 698px; height: 190px; }
#home #grilla .tabbed .cont li ul li { width: 80px; height: 80px; float: left; margin: 0 15px 20px 0; }
#home #grilla .tabbed .cont li ul li span { display: block; background: url(../images/grilla-item.jpg) repeat-x; width: 80px; height: 80px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#home #grilla .tabbed .cont li ul li.dig span { background: url(../images/grilla-item-dig.jpg) no-repeat; }
#home #grilla .tabbed .cont li ul li.pre span { background: url(../images/grilla-item-pre.jpg) no-repeat; }
#home #grilla .tabbed .cont li ul li.hd span { background: url(../images/grilla-item-hd.jpg) no-repeat; }
#home #grilla .tabbed .cont li ul li.hdpre span { background: url(../images/grilla-item-hdpre.jpg) no-repeat; }
#home #grilla .tabbed .cont li ul li span img { width: 80px; height: 80px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#home #grilla #fondo { position: absolute; width: 100%; height: 200px; border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 4px 4px 0 0; }
#home #grilla #fondo.color0 { background: #DF2822; background: -moz-linear-gradient(top, #DF2822 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #DF2822), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #DF2822 0%, #FFF 100%); background: -o-linear-gradient(top, #DF2822 0%, #FFF 100%); background: -ms-linear-gradient(top, #DF2822 0%, #FFF 100%); background: linear-gradient(to bottom, #DF2822 0%, #FFF 100%); }
#home #grilla #fondo.color1 { background: #F99F50; background: -moz-linear-gradient(top, #F99F50 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #F99F50), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #F99F50 0%, #FFF 100%); background: -o-linear-gradient(top, #F99F50 0%, #FFF 100%); background: -ms-linear-gradient(top, #F99F50 0%, #FFF 100%); background: linear-gradient(to bottom, #F99F50 0%, #FFF 100%); }
#home #grilla #fondo.color2 { background: #FFE426; background: -moz-linear-gradient(top, #FFE426 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFE426), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #FFE426 0%, #FFF 100%); background: -o-linear-gradient(top, #FFE426 0%, #FFF 100%); background: -ms-linear-gradient(top, #FFE426 0%, #FFF 100%); background: linear-gradient(to bottom, #FFE426 0%, #FFF 100%); }
#home #grilla #fondo.color3 { background: #A5CC1F; background: -moz-linear-gradient(top, #A5CC1F 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #A5CC1F), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #A5CC1F 0%, #FFF 100%); background: -o-linear-gradient(top, #A5CC1F 0%, #FFF 100%); background: -ms-linear-gradient(top, #A5CC1F 0%, #FFF 100%); background: linear-gradient(to bottom, #A5CC1F 0%, #FFF 100%); }
#home #grilla #fondo.color4 { background: #38B375; background: -moz-linear-gradient(top, #38B375 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #38B375), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #38B375 0%, #FFF 100%); background: -o-linear-gradient(top, #38B375 0%, #FFF 100%); background: -ms-linear-gradient(top, #38B375 0%, #FFF 100%); background: linear-gradient(to bottom, #38B375 0%, #FFF 100%); }
#home #grilla #fondo.color5 { background: #5090C6; background: -moz-linear-gradient(top, #5090C6 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #5090C6), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #5090C6 0%, #FFF 100%); background: -o-linear-gradient(top, #5090C6 0%, #FFF 100%); background: -ms-linear-gradient(top, #5090C6 0%, #FFF 100%); background: linear-gradient(to bottom, #5090C6 0%, #FFF 100%); }
#home #grilla #fondo.color6 { background: #C672B8; background: -moz-linear-gradient(top, #C672B8 0%, #FFF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #C672B8), color-stop(100%, #FFF)); background: -webkit-linear-gradient(top, #C672B8 0%, #FFF 100%); background: -o-linear-gradient(top, #C672B8 0%, #FFF 100%); background: -ms-linear-gradient(top, #C672B8 0%, #FFF 100%); background: linear-gradient(to bottom, #C672B8 0%, #FFF 100%); }
#home #grilla .vertodo { position: absolute; left: 5px; bottom: 3px; }
#home #grilla .ref { position: absolute; left: 10px; bottom: 1px; background: url(../images/grilla-referencia.gif) no-repeat; text-indent: -9999px; width: 700px; height: 30px; margin-bottom: 0; }
#home #grilla .bottom { position: absolute; left: 0; bottom: 0; width: 100%; background: #EEE; height: 35px; border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

#home #noticias { float: right; width: 23.5%; height: 315px; padding-top: 15px; margin: 0; }
#home #noticias .main { margin: 0; }
/*-- FORMAS DE PAGO -----------------------------------------*/
#pagos .pago { padding: 20px; margin-bottom: 20px; background-size: 100% 100%; }
#pagos .pago .oficinas { width: 53%; padding-right: 0; margin-right: 2%; margin-bottom: 0; border-right: 1px solid #FFF; }
#pagos .pago .oficinas ul li { width: 33%; padding-right: 3%; }
#pagos .pago .links { width: 41%; margin-right: 4%; margin-bottom: 0; }
#pagos .pago .pagoelectronico { position: relative; clear: none; float: left; width: 30%; }
#pagos .pago .data { float: left; width: 70%; }
/*-- BENEFICIOS -----------------------------------------*/
#beneficios .beneficio .box { padding: 30px 20px 0 20px; }
/*-- PREMIUM DIGITAL ------------------------------------*/
#premiumDigital .producto { padding: 20px 15px; min-height: 240px; }
#premiumDigital .producto .data { padding: 0 18% 0 38%; margin-bottom: 0; min-height: 160px; }
#premiumDigital .producto .placa { margin: 0; position: absolute; top: 0; right: 10px; width: 15%; padding-top: 20px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
/*-- PRODUCTOS -----------------------------------------*/
#productos .producto { padding: 20px 15px; }
#productos .producto .dataLink { padding: 0 18% 0 35%; margin-bottom: 0; min-height: 160px; }
#productos .producto .placa { margin: 0; position: absolute; top: 0; right: 10px; width: 15%; padding-top: 20px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
/*-- PRODUZCA CON CCC -----------------------------------------*/
#produccion #container .box img { width: 100%; height: 100%; }
#produccion #contenido .canales li span { width: 161px; height: 40px; background-size: 161px 40px; top: 10px; left: 32%; }
/*-- PROGRAMACION -------------------------------------*/
#programacion header > .wrap { height: 50px; max-width: 1060px; }
#programacion header nav { top: 18px; }
#programacion #wrapper { max-width: 1060px; }
#programacion header h1, #programacion header #destacados { display: none; }
#programacion header h2 { font-size: 2.2em; color: #FFF; position: absolute; top: 12px; left: 20px; }
#programacion #destacadosProg { padding-top: 30px; margin-bottom: 30px; }
#programacion .destacadosProgTit { display: none; }
#programacion #contenido { padding: 0 12px; }
#programacion .textoBase { padding-top: 30px; }
#programacion iframe { height: 1000px; }
/*-- REVISTA -----------------------------------------*/
#revista .col1 { text-align: left; }
/*-- SORTEOS -----------------------------------------*/
#sorteos .ganadores { margin: 0 -20px 1em -20px; }
#sorteos .ganadores h3 { padding-left: 20px; }
/*-- VIDEO NOTICIAS -------------------------------------*/
#videonoticias section .destacadas h3 strong { display: inline; font-weight: 600; color: #CCC; }
#videonoticias section .destacadas h3 em { display: inline; }
#videonoticias .destacadas .secundarias li a .data { font-size: 1em; }
#videonoticias .destacadas .owl-prev { left: -20px; }
#videonoticias .destacadas .owl-next { right: -20px; }
#videonoticias .ediciones { margin: 0 -20px; }
#videonoticias .destacadas .main p { font-size: 22px; }
}

@media only screen and (min-width: 999px) {
#programacion .tips { display: block; margin-bottom: 20px; height: 20px; margin-left: 195px; }
#programacion .tips li { float: left; }
#programacion .tips span { position: relative; height: 20px; line-height: 20px; display: inline-block; cursor: pointer; }
#programacion .tips span:after { top: 120%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(37, 37, 37, 0); border-top-color: #FF8F32; border-width: 6px; margin-left: -6px; }
#programacion .tips .gri { width: 70px; }
#programacion .tips .rub { width: 105px; }
#programacion .tips .eli { width: 95px; }
#programacion .tips .dia { float: right; margin-right: 90px; }
}



/*-- POLITICAS DE PRIVACIDAD -----------------------------------------*/
#CCCGO-pol .logo { width: 80%; max-width: 200px; margin: 0 auto 2em auto; }


@media only screen and (min-width: 1060px) {
/*-- HOME -------------------------------------*/
#home section { overflow: visible; }
}

.tooltipsy { padding: 5px 10px; font-size: 11px; line-height: 13px; max-width: 180px; color: #FFF; background: rgba(0,0,0,0.85); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; }

/*-------------------------------------------------------------*/
/*-- CLEARFIX ------------------------------------------------*/
/*-----------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }