﻿/*colors*/
.calendario {background-color:#fff;}
.calendario .nav,.meses caption  {background-color:#f56b0d;color:#fff;}
.tabcal a.activo:hover, .tabcal a[class*='item']:hover {background-color:#fff;}
.tabcal th {background:#f1f1f1;}

/*anio*/
.calendario {display:block;width:100%;padding:0 4rem;}
.calendario .nav {display:block;float:left;width:100%;padding:1.2em;}
.calendario .nav li {text-align:center;font-size:2em;color:#fff;width:10%;float:left;}
.calendario form li {display:inline-block;padding:1em 0.5em;position:relative;}
.calendario li.year{width:80%;}
.calendario li.year h3 {font-weight:400;}
.calendario-leyenda h6 {font-size:1.4em;padding:2rem 0;font-weight:500;display:inline-block;width:100%;}
.calendario-leyenda label{font-size:1.3em;line-height:1.769;}
.g2 .calendario form li {display:block;width:60%;float:left;padding:0.4em 0;}
.g2 .calendario form li:nth-child(odd){width:40%;}
.g2 .calendario-leyenda {padding:1em 2em;}
.g2 .tabcal {width:50%;padding-bottom:1em;}

/*calendarios*/
.meses {text-align:center;}
.tabcal {width:22%;border-collapse:collapse;display:inline-table;margin:1%;}
.tabcal tbody {}
.tabcal thead {}
.tabcal tr {width:100%;}
.tabcal td, .tabcal th {text-align:center;font-size:1.2em;font-weight:400;}
.tabcal td a {display:block;line-height:2;font-size:1.6rem;}
.tabcal span, .tabcal th, .tabcal a {}
.meses .tabcal:nth-child(4n+1){clear:both;}
.calendario-leyenda{padding:2em;background-color:#fff;}
.meses caption {padding:0.8em 1em;font-size:1.8em;text-transform:capitalize;}
.tabcal td {width: 14.28571428571429%;}
.tabcal td, .tabcal th {border-left:0.1em solid #ededed;border-bottom:0.1em solid #ededed;height:3rem;}
.tabcal th:first-child, .tabcal td:first-child {border-left:none;}
/*radio buttons y selección activa*/
input[type=radio] {clip:rect(0 0 0 0);position:absolute;}
label:before {content:"";display:block;width:1em;height:1em;background-color:#fff;border:0.2em solid #2196f3;margin-right:0.2em;float:left;}
label.item2:before {border-color:#d81a28;}
label.item3:before {border-color:#0f924c;}
label.item4:before {border-color:#b050e8;}
label.item5:before {border-color:#f4941e;}
label.item6:before {border-color:#959592;}
label.itemon.activo:before{background-color:#2196f3}
.tabcal .activo, .tabcal .item2, .tabcal .item3, .tabcal .item4, .tabcal .item5, .tabcal .item6, .tabcal span, .tabcal a {}
.tabcal .activo, .tabcal .item2, .tabcal .item3, .tabcal .item4, .tabcal .item5, .tabcal .item6 {color:#fff;}
label:hover:before, .tabcal .activo, .tabcal .itemon:before{background-color:#2196f3;cursor:pointer;}
label.item2:hover:before, .tabcal .item2, .item2.itemon:before{background-color:#d81a28;}
label.item3:hover:before, .tabcal .item3, .item3.itemon:before{background-color:#0f924c;}
label.item4:hover:before, .tabcal .item4, .item4.itemon:before{background-color:#b050e8;}
label.item5:hover:before, .tabcal .item5, .item5.itemon:before{background-color:#f4941e;}
label.item6:hover:before, .tabcal .item6, .item6.itemon:before{background-color:#959592;}
.tabcal .activo:hover{outline:0.2em solid #2196f3;color:#2196f3;box-shadow: 0 0 4rem rgba(0,0,0,0.4);}
.tabcal a[class*='item']:hover {box-shadow: 0 0 4rem rgba(0,0,0,0.4);}
.tabcal .item2:hover {outline:0.2em solid #d81a28;color:#d81a28;}
.tabcal .item3:hover {outline:0.2em solid #0f924c;color:#0f924c;}
.tabcal .item4:hover {outline:0.2em solid #b050e8;color:#b050e8;}
.tabcal .item5:hover {outline:0.2em solid #f4941e;color:#f4941e;}
.tabcal .item6:hover {outline:0.2em solid #959592;color:#959592;}
.tabcal td:nth-child(6) {background-color:#FFEAD5;}
.tabcal td:nth-child(7) {background-color:#FBC996;color:#f56b0d;font-weight:700;}

/*Arreglar padding de dias en pf*/
.calendario td {padding:0;}

/*pop up*/
/*fonts*/
.calendarBox > section.grid > *{z-index:3;}
.calendarDescription ul li:not(.title) span {font-weight:300;}
.calendarDescription ul li.title {color:#333;font-size:1.5em;font-weight:500;}
.calendarDescription ul li b {color:#333;}
.calendarDescription ul li p:first-child > strong {font-size:1.7rem;color:#f56b0d;font-weight:400;}
.calendarDescription ul li p {color:#737578;font-weight:300;}
.calendarDescription ul li b,.calendarDescription ul li strong {font-weight:400;color:rgba(35,36,42,0.75);}
.calendarDescription .opusBox li strong{font-weight:500;}
.calendarDescription .opusBox li em{font-weight:400;}

.calendarDescription {display:block;width:30em;background:#fff;border:0.1em solid #ededed;margin-left:-15em;float:left;position:absolute;top:0;left:50%;z-index:2;}
.calendarDescription .day, .calendarDescription a {color:#fff;float:left;font-size:1.6em;font-weight:400;line-height:1em;padding:0.8em 0em 0.8em 2em;}
.calendarDescription a {width:10%;padding:0.8em 0;}
.calendarDescription ul {width:100%;display:block;padding:0.5em 0.5em 0.5em 2.5em;}
.calendarDescription .opusBox li > ul{padding:0.5em 0.5em 0.5em 1.5em;}
.calendarDescription ul li {font-size:1.4rem;color:#737578;font-weight:500;padding:0.4em;line-height:1.666;position:relative;}
.calendarDescription [class*='item']:before, .calendarDescription .opusBox li > ul li:before{width:0.8em;height:0.8em;}
.calendarDescription [class*='item']:before{content:'';margin-left:-1.5em;margin-right:0.5em;}
.calendarDescription .item2:before {background:#d81a28;}
.calendarDescription .item3:before {background:#0f924c;}
.calendarDescription .item4:before {background:#b050e8;}
.calendarDescription .item5:before {background:#f4941e;}
.calendarDescription .item6:before {background:#959592;}
.calendarDescription .opusBox li:before{content:'\2023';font-size:3.6rem;font-weight:400;top:-0.4em;position:absolute;color:rgba(250,120,0,1);left:-0.5em;}
.calendarDescription .opusBox li > ul li:before{content:'\25e6';}

/*new html*/
.calendarDescription .concHead {padding:0.4em;}
.container > .grid h1 ~ .gridBox {z-index: 0;}

.calendarDescription > [class*='item']:before {width: 1.2em;height: 1.2em;position: absolute;margin-top:0.9em;}
.calendarDescription  div[class*='item'] {padding:0.5em 0.5em 0.5em 2.5em;display: inline-block;}
.calendarDescription div[class*='item'] p {font-size:1.4rem;}
.calendarDescription .pretitle , .calendarDescription .title{display:inline-block;width:100%;color:#333;font-size:1.5em;font-weight:500;line-height: 1.666;margin-top: 0;}
.calendarDescription .title {font-weight:300;color:grey;}
.calendarDescription .progBox {font-size:1.4rem;color:#737578;font-weight:300;padding:0.4em;line-height:1.666;position:relative;}
.calendarDescription .progBox .dataBox > p {padding-bottom:1rem;}
.calendarDescription .progBox .dataBox p strong {display:none;}
.calendarDescription .progBox .dataBox p em {font-style:normal;color:grey;font-weight:300;margin-left:-0.5rem;}
.calendarDescription .progBox .stafBox p strong {color:#737578;font-weight:300;font-weight:400;color: rgba(35,36,42,0.75);}
.calendarDescription .concType {display:none;}

.calendarDescription .calendarHead {background:#f56b0d;display:inline-block;width:100%;position:relative;}
.calendarDescription .calendarHead .cerrar {display:block;cursor:pointer;height:3.2rem;width:3.2rem;background-image:url('/css/rtve.2015/i/iconos/icons_60x60_ffffff.png');background-position:40% 20%;background-size: 1100%;top:50%;margin-top: -1.6rem;opacity: 0.8;}
.calendarDescription .calendarHead .cerrar {position:absolute;right:0.4rem;}
.calendarDescription .calendarHead .cerrar:hover {opacity:1;}


body .wrapper.bodier {overflow:visible;position:relative;z-index:3;}