/* ======================================================================== Radio 3 Calendario RTVE.es ================================================================== */

.calendario-leyenda { width:100%; clear:both; display:block; float:left;}
.calendario-leyenda h6 {font-size:12px; font-weight:bold; display:block; line-height:100%;padding:4px 0 6px 0;}
.calendario-leyenda ul {padding: 0; margin:0; float:left; display:inline; width:100%;}
.calendario-leyenda ul li {font-size: 12px;line-height: 14px; margin:4px 3px 0 0; padding:0; float:left; width:auto;}
.calendario-leyenda .ninguno {background-color: white !important; color: #999999 !important ; }

.item1 {background-color:#ad508f!important;}
.item2 {background-color:#99ce4d!important;}
.item3 {background-color:#4fabb0!important;}
.item4 {background-color:#a683dc!important;}
.item5 {background-color:#ecb010!important;}                
.item6 {background-color:gray!important;}
.calendario-leyenda label.item1,.calendario-leyenda  label.item2,.calendario-leyenda  label.item3,.calendario-leyenda  label.item4, label.item5 {background-color:#fff!important;}
.ninguno {background:none!important; font-weight:normal!important;color: #999999!important;}
.calendario-leyenda  form ul {position:relative;}
.calendario-leyenda input { cursor: pointer;margin-left: -2000px;position: absolute;}
.calendario-leyenda label {z-index:999999; display:block; cursor:pointer;}
.calendario-leyenda label{background: url("i/imagen.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item1{background: url("i/imagen1.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item2{background: url("i/imagen2.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item3{background: url("i/imagen3.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item4{background: url("i/imagen4.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item5{background: url("i/imagen5.png") 0 1px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label:hover{background: url("i/imagen.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item1:hover{background: url("i/imagen1.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item2:hover{background: url("i/imagen2.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item3:hover{background: url("i/imagen3.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item4:hover{background: url("i/imagen4.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}
.calendario-leyenda label.item5:hover{background: url("i/imagen5.png") 0 -21px no-repeat; padding:2px 0 2px 21px;}

.calendario-leyenda label.itemon{background-position:0 -21px;}

/* =========== CALENDARIO ==========*/

.calendario, .c100 .calendario{
	-moz-box-sizing:border-box;
	margin:0 auto;
	width:100%;
}

/*** Estilos c100 ****/

.c100 .calendario .meses{
	width:97%;
}
	
.c100 .calendario .meses table {
	width:24.32%;
}
.c100 .calendario .meses table tbody td, .c100 .calendario .meses table thead th {
	width:13.2%;
}
.c100 .calendario .meses table tbody td a, .c100 .calendario .meses table tbody td span {
	width:90%;
}

.c100 .calendario ul.nav {
	width:97%;
	clear:none;
	float:none;
}

/***** FIN estilos c100 ******/

/*** Estilos c66 ***/

.c66 .calendario{
	width:100%;
	margin:0px auto;
}
.c66 .calendario .meses{
	width:100%;
	float:none;
}
.c66 .calendario ul.nav {
	width:100%;
}
.c66 .calendario .meses table tbody td, .c66 .calendario .meses table thead th {
	width:13%;
}
.c66 .calendario .meses table {
	width:32.3%;
}

/*** FIN Estilos c66 **/

/*** Estilos c34 ***/

.c34 .calendario{
	width:100%;
	margin:0px auto;
}
.c34 .calendario .meses{
	/*width:97%;*/
	width:100%;
	float:none;
}
.c34 .calendario .meses table {
	/*width:97%;*/
	width:49%;
	min-height:none;
	margin:3px 1px;
}
.c34 .calendario ul.nav {
	clear:none;
	float:none;
	width:100%;
	padding:0px;
}
.c34 .calendario ul.nav li.year{
	width:82%;
}
.c34 .calendario .meses table {
	margin:3px 1px;
	min-height:174px !important;
}
.c34 .calendario .meses table.first {
	margin-left:0px;
	float:left;
}
.c34 .calendario .meses table.last{
	margin-right:0px;
	float:right;
}
.c34 .calendario .meses table tr {
	padding:0px 1px;
}
.c34 .calendario .meses table tbody td a, .c34 .calendario .meses table tbody td span {
	height:auto;
}
.c34 .calendario .meses table tbody td, .c34 .calendario .meses table thead th {
	height:auto !important;
	line-height:16px;
	width:12.7%;
}
.c34 .calendario .meses table caption{
	font-size:8pt;
	padding:5px 0;
}

/*** FIN estilos c34***/

/*** Estilos c50 ***/
.c50 .calendario ul.nav {
	clear:none;
	float:none;
	width:97%;
}
.c50 .calendario ul.nav li.year{
	width:86%;
}
.c50 .calendario .meses table {
	width:48.7%;
}

/*** FIN estilos c50 ***/

.calendario ul.nav{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
	padding:5px 3px;
	text-align:center;
}

.calendario ul.nav li{
	width:auto;
	display:inline-block;
}

.calendario ul.nav li span{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:none repeat scroll 0 0 #c3c3c3;
	color:#c3c3c3;
	float:left;
	font-size:10pt;
	font-weight:bold;
	height:24px;
	line-height:23px;
	text-decoration:none;
	width:24px;
	/*text-shadow: #000 0px -1px 0px;*/
}
.calendario ul.nav li a{
	background:none repeat scroll 0 0 #cd111f;
	color:#FFFFFF;
	text-shadow:0px 1px 0px #000;
}

.calendario ul.nav li a:hover{
	background:none repeat scroll 0 0 #e54c58;
	color:#FFF;
}

.calendario ul.nav li.next, .calendario ul.nav li.prev{
	text-align:center;
	width:24px;
	height:24px;
}

.calendario ul.nav li.prev{
	float:left;
}

.calendario ul.nav li.next{
	float:right;
}

.calendario ul.nav li.year{
	width:90%;
	text-align:center;
	margin:0px auto;
}
.calendario ul.nav li.year h3{
	background:none repeat scroll 0 0 #CD111F;
	color:#FFF;
	font-weight:normal;
	text-shadow:0px 1px 0px #000;
}

.calendario .meses{
	/*float:left;*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-box-sizing:border-box;
	margin:0 auto;
	text-align:center;
	width:100%;
}

.calendario .meses table{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*background:url("i/backFoot.png") repeat-x scroll left 31px #F2F2F2;*/
	border:1px solid #C3C3C3;
	display:inline-block;
	float:left;
	margin:3px;
	min-height:210px;
	width:191px;
}

.calendario .meses table caption{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:none repeat scroll 0 0 white;
	color:#333;
	font-size:10pt;
	padding:8px 0;
	font-weight:bold;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}
.calendario .meses table thead,.calendario .meses table tbody{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	clear:both;
	width:100%;
	padding:2px 0;
}

.calendario .meses table thead tr{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid #c3c3c3;
	text-shadow: #fff 0px 1px 0px;
	background:url("i/backFoot.png") repeat-x scroll left bottom #F2F2F2;
}
.calendario .meses table tr{
	float:left;
	width:100%;
	color:#666666;
	padding:0 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-box-sizing:border-box;
}
.calendario .meses table tbody td, .calendario .meses table thead th{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	float:left;
	height:23px;
	line-height:20px;
	margin:1px;
	text-align:center;
	vertical-align:middle;
	width:23px;
}
.calendario .meses table tbody td a, .calendario .meses table tbody td span{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:21px;
	height:21px;
	float:left;
	color:#999999
}
.calendario .meses table tbody td a{
	border:1px solid #c3c3c3;
	background:none repeat scroll 0 0 #c3c3c3;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	cursor:pointer;
}

.calendario .meses table tbody td span{
	border:1px solid #c3c3c3;
	background:none repeat scroll 0 0 #fff;
	cursor:default;
}


.calendario .meses table tbody td a:hover{
	background:none repeat scroll 0 0 #f18e18;
	color:#fff;
	font-weight:bold;
}

.calendario .meses table tbody td.void{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background:none;
	cursor:default;
}

/****                    *****/

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	z-index:10000;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 3px #000;
	-webkit-box-shadow:0 0 3px #000;
}

.calendarDescription{
	display:block;
	float:left;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:none repeat scroll 0 0 #C3C3C3;
	border:1px solid #999999;
	padding:5px;
	text-align:justify;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.c66 .calendarDescription {
	-moz-box-shadow:2px 2px 8px #000000;
	-webkit-box-shadow:2px 2px 8px #000000;
	box-shadow:2px 2px 8px #000000;
}
.calendarDescription a{
	background:url("i/closeBtnOff.png") no-repeat scroll center center transparent;
	float:right;
	font-size:2em;
	height:24px;
	line-height:1em;
	overflow:hidden;
	text-align:center;
	text-indent:-1000px;
	width:5%;
}

.calendarDescription a:hover{
	background:url("i/closeBtnOver.png") no-repeat center center;
}
.calendarDescription .day{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:none repeat scroll 0 0 #F18E18;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:10pt;
	font-weight:bold;
	left:0;
	line-height:1em;
	margin:0;
	padding:4px 0px;
	text-align:center;
	top:0;
	width:93%;
}
/*.c34 .calendarDescription .day{
	width:100%;
}
.c34 .calendarDescription a{
	display:none;
}*/

.calendarDescription ul{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:right;
	padding:5px 0 0 0;
	width:100%;
	display: block;	overflow: hidden;
}

.calendarDescription ul li{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:none repeat scroll 0 0 #FFFFFF;
	color:#333333;
	font-size:1.1em;
	padding:5px 10px;
	width:100%;
	text-align:left;
}

.calendarDescription ul li span{
	/*white-space:pre-wrap;	*white-space:inherit;*/
	line-height: 120%;
}

.calendarDescription ul li span b{
	/*font-size:1.2em;*/
}

.calendarDescription ul li.title{
	 background: url("/css/style/i/tabs/BkgSubTabs_round.gif") repeat-x scroll 0 bottom #FFFFFF;    color: #000000;    font-size: 10pt;    line-height: 10pt;    padding: 8px 5px;    text-align: center;    width: 100%;    *width:97% !important;    *white-space:inherit;
}.calendarDescription ul li.title span{	*white-space:inherit;}
.calendarDescription dl{
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-sizing:border-box;
	background:none repeat scroll 0 0 transparent;
	display:inline;
	float:right;
	font-size:8pt;
	margin-bottom:5px;
	padding:0 0 0 5px;
	width:85%;
}

.calendarDescription dl dt{
	color:#333333;
	font-size:10pt;
	font-weight:bold;
	padding:5px 2px;
}
.calendarDescription dl dd{
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C3C3C3;
	color:#333333;
	padding:6px;
}

.absolutePopUp{
	position:absolute;
	z-index:1000;
	width:300px !important;
}