/*** styles_parrillas_radio.scss ***/
#new_parrilla { float: left; width: 100%; }

.newcab h2 { float: left; font-size: 2em; border-bottom: 1px solid #C3C3C3; letter-spacing: 0.1px; line-height: 2em; display: block; width: 100%; }
.newcab p { float: left; font-size: 1.2em; font-weight: bold; line-height: 2em; }
.newcab .tomorrow { padding: .5em 0; width: auto !important; float: right; }
.newcab .tomorrow .desactive { display: none; }

.legend { float: left; margin: .5em 0; }
.legend ul { display: block; clear: both; }
.legend li { float: left; display: block; margin: 0 .2em 0 0; text-transform: uppercase; }
.legend li a { width: auto; display: block; margin-top: 5px; background: white; padding: 2px 2px; font-size: 8pt; }
.legend .nota { padding: 4px 0; display: block; }

#parrilla_new { float: left; display: block; *width: 100%; }
#parrilla_new * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
#parrilla_new > li { float: left; display: block; width: 13%; }
#parrilla_new > li .dia { height: 25px; text-align: center; background-color: #AF0000; color: white; display: block; float: left; width: 100%; text-transform: uppercase; font: bold 9pt/1.2em arial; padding: .5em 0; border-left: 1px solid white; border-right: 1px solid white; }
#parrilla_new > li ul li { float: left; display: block; border: 1px solid white; }
#parrilla_new > li.h1, #parrilla_new > li.h2 { width: 4.5%; *width: 4%; }
#parrilla_new > li.h1 .dia, #parrilla_new > li.h2 .dia { display: block; background-image: url("i/reloj_cab.gif"); background-repeat: no-repeat; background-position: 50% 30%; }
#parrilla_new > li.h1 .dia span, #parrilla_new > li.h2 .dia span { font-size: .7em; line-height: 3.5em; }
#parrilla_new > li.h1 ul, #parrilla_new > li.h2 ul { display: block; }
#parrilla_new > li.h1 ul li, #parrilla_new > li.h2 ul li { width: 100%; height: 60px; background: #F0EAEA; }
#parrilla_new > li.h1 ul li span, #parrilla_new > li.h2 ul li span { display: block; height: 30px; text-align: center; border-bottom: 2px dotted #CCC; color: #444; font-weight: bold; padding: 2px; }
#parrilla_new > li.h1 ul li .time, #parrilla_new > li.h2 ul li .time { background-image: none; }
#parrilla_new.parrilla_simple li.h1, #parrilla_new.parrilla_simple li.h2 { display: none; }
#parrilla_new.parrilla_simple li { width: 100%; }
#parrilla_new.parrilla_simple li .item { height: auto !important; background-color: transparent; border-bottom: 1px solid #E0CACD; }
#parrilla_new.parrilla_simple li .item.blank { visibility: visible; }
#parrilla_new.parrilla_simple li .item .hour { float: left; display: block !important; width: auto; }
#parrilla_new.parrilla_simple li .item a { float: left; display: inline-block; width: auto; }
#parrilla_new.parrilla_simple li .item.alternate .area { position: relative; float: right; width: auto; padding: 4px; border-bottom: none; }
#parrilla_new.parrilla_simple li .item.alternate .area .hour { display: none !important; }
#parrilla_new.parrilla_simple li .item.alternate .area a { padding-right: 25px; }
#parrilla_new.parrilla_simple li .item.alternate .area strong { visibility: visible; }

.item { width: 100%; position: relative; }
.item .hour { display: none !important; padding: 4px; }
.item .replay { color: white; background: url("http://www.rtve.es/css/r3beta/i/bkg_replay.png"); display: inline-block; font-weight: bold; width: 1.2em; text-align: center; }
.item .cat { display: none; }
.item a { display: block; float: left; width: 100%; height: 100%; text-decoration: none; padding: 2px; overflow: hidden; }
.item a strong, .item a em { color: #555; /*font-size:1.1em;*/ font-size: 8pt; }
.item a:hover strong { color: #333; }
.item.d1 { width: 100%; }
.item.d2 { width: 200%; }
.item.d3 { width: 300%; }
.item.d4 { width: 400%; }
.item.d5 { width: 500%; }
.item.d6 { width: 600%; }
.item.d7 { width: 700%; }
.item.blank { visibility: hidden; }

.h15 { height: 15px; }

.h30 { height: 30px; }

.h45 { height: 45px; }

.h60 { height: 60px; }

.h75 { height: 75px; }

.h90 { height: 90px; }

.h105 { height: 105px; }

.h120 { height: 120px; }

.h135 { height: 135px; }

.h150 { height: 150px; }

.h165 { height: 165px; }

.h180 { height: 180px; }

.h195 { height: 195px; }

.h210 { height: 210px; }

.h225 { height: 225px; }

.h240 { height: 240px; }

.h255 { height: 255px; }

.h270 { height: 270px; }

.h285 { height: 285px; }

.h300 { height: 300px; }

.h315 { height: 315px; }

.h330 { height: 330px; }

.h345 { height: 345px; }

.h360 { height: 360px; }

.cat01 { background-color: #d3cda5; }

.cat01bis, .cat01:hover, .parrilla_normal .cat01.lupa a { background-color: #b4a858 !important; }

.parrilla_simple .cat01 .hour { border-left: 4px solid #b4a858; }
.parrilla_simple .cat01bis, .parrilla_simple .cat01:hover { background-color: #b4a858 !important; }

.cat02 { background-color: #d3ddc8; }

.cat02bis, .cat02:hover, .parrilla_normal .cat02.lupa a { background-color: #b4c89e !important; }

.parrilla_simple .cat02 .hour { border-left: 4px solid #b4c89e; }
.parrilla_simple .cat02bis, .parrilla_simple .cat02:hover { background-color: #b4c89e !important; }

.cat03 { background-color: #b9dbde; }

.cat03bis, .cat03:hover, .parrilla_normal .cat03.lupa a { background-color: #80c4ca !important; }

.parrilla_simple .cat03 .hour { border-left: 4px solid #80c4ca; }
.parrilla_simple .cat03bis, .parrilla_simple .cat03:hover { background-color: #80c4ca !important; }

.cat04 { background-color: #cbd3ef; }

.cat04bis, .cat04:hover, .parrilla_normal .cat04.lupa a { background-color: #a4b4ec !important; }

.parrilla_simple .cat04 .hour { border-left: 4px solid #a4b4ec; }
.parrilla_simple .cat04bis, .parrilla_simple .cat04:hover { background-color: #a4b4ec !important; }

.cat05 { background-color: #e5d3eb; }

.cat05bis, .cat05:hover, .parrilla_normal .cat05.lupa a { background-color: #d8b4e4 !important; }

.parrilla_simple .cat05 .hour { border-left: 4px solid #d8b4e4; }
.parrilla_simple .cat05bis, .parrilla_simple .cat05:hover { background-color: #d8b4e4 !important; }

.cat06 { background-color: #f0c3c8; }

.cat06bis, .cat06:hover, .parrilla_normal .cat06.lupa a { background-color: #ee949e !important; }

.parrilla_simple .cat06 .hour { border-left: 4px solid #ee949e; }
.parrilla_simple .cat06bis, .parrilla_simple .cat06:hover { background-color: #ee949e !important; }

.cat07 { background-color: #e9d3c2; }

.cat07bis, .cat07:hover, .parrilla_normal .cat07.lupa a { background-color: #e0b492 !important; }

.parrilla_simple .cat07 .hour { border-left: 4px solid #e0b492; }
.parrilla_simple .cat07bis, .parrilla_simple .cat07:hover { background-color: #e0b492 !important; }

.cat08 { background-color: #eddaac; }

.cat08bis, .cat08:hover, .parrilla_normal .cat08.lupa a { background-color: #e8c366 !important; }

.parrilla_simple .cat08 .hour { border-left: 4px solid #e8c366; }
.parrilla_simple .cat08bis, .parrilla_simple .cat08:hover { background-color: #e8c366 !important; }

/************ CALENDARIO ************/
div.calendar { width: 145px; height: auto; float: left; overflow: hidden; margin: 0 4px; border-bottom: 1px solid red; position: relative; z-index: 100; }
div.calendar ul { float: left; }
div.calendar .semana { background: url("i/bkg_cab_calendar.gif") left bottom repeat-x; margin-bottom: 2px; }
div.calendar .semana li { background: none; font-size: 11px; font-weight: bold; color: #F0EAEA; margin-bottom: 0; }
div.calendar .dias li { background: #F0EAEA; }
div.calendar .semana, div.calendar .dias { width: 147px; margin: 0; padding: 0; }
div.calendar .semana li, div.calendar .dias li { display: inline; line-height: 23px; height: 23px; width: 19px; float: left; margin: 0 2px 2px 0; text-align: center; }
div.calendar .semana li a, div.calendar .dias li a { float: left; color: white; margin: 0; padding: 0; width: 100%; background: #E0CACD; color: black; }
div.calendar .semana li a:hover, div.calendar .dias li a:hover { background: #9A223E; color: #fff; }
div.calendar .doc { background-position: -5px 1px; line-height: 100%; padding: 0 0 0 20px; width: 125px; }
div.calendar .doc a { font-size: 84.62%; padding: 0; }

/*rebosamientos*/
.alternate { position: relative; }
.alternate .area { background-color: transparent; background-image: url("/css/i/alternate.gif"); background-repeat: no-repeat; background-position: 98% 1%; position: absolute; *margin-bottom: -3px !important; width: 20px; height: 20px; top: 0; right: 0; }
.alternate .area:hover { width: 100%; height: 100%; }
.alternate .area a { display: block !important; padding: 0; width: 100%; height: 100%; position: relative; z-index: 100; }
.alternate .area a strong { visibility: hidden; margin-top: 0; }
.alternate .area a:hover strong { padding: 0; visibility: visible; width: 100%; height: 100%; position: absolute; line-height: 120%; text-align: left; font-style: normal; text-decoration: underline; cursor: pointer; }
.alternate .area:hover { background-image: url("/css/i/alternate_invert.gif"); background-repeat: no-repeat; background-position: 98% 1%; }

.parrilla_normal .lupa { cursor: pointer; background-image: url("i/lupa.png"); background-repeat: no-repeat; background-position: 100% center; }
.parrilla_normal .lupa a { display: none; border-bottom: 2px solid white; border-right: 2px solid white; }
.parrilla_normal .lupa:hover a { display: block; position: absolute; top: 0%; left: 0; height: 60px; z-index: 100; }
