/*** styles_cumbre.scss ***/
#info_cumbre_2012 { display: block; height: 463px; overflow: hidden; position: relative;z-index:0; }
#info_cumbre_2012 h2 { font-family: RTVEfontR; font-size: 16pt; background: black; color: white; padding: 5px; line-height: 1.2em; }
#info_cumbre_2012 * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }

.dateListItems { width: 100%; height: 50px; float: left; background: #4a0063; /* Old browsers */ background: -moz-linear-gradient(top, #691d81, #4a0063); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #691d81), color-stop(100%, #4a0063)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #691d81, #4a0063); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #691d81, #4a0063); /* Opera11.10+ */ background: -ms-linear-gradient(top, #691d81, #4a0063); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#691d81', endColorstr='#4a0063',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #691d81, #4a0063); /* W3C */ box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7); -o-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7); -ms-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7); border-top: 1px solid #4A0063; position: absolute; bottom: 0; z-index: 3; }
.dateListItems li { float: left; /*display:inline;*/ display: table; width: 12.5%; width: 14% \9; height: 100%; text-align: center; background-image: none; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; }
.dateListItems li a { text-decoration: none; display: block; margin: 0 auto; padding: 5px; display: table-cell; vertical-align: middle; }
.dateListItems li a span { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; color: white; display: block; font-family: RTVEfontB; font-size: 9pt; }
.dateListItems li.active, .dateListItems li:hover { background: white; /* Old browsers */ background: -moz-linear-gradient(bottom, #c3c3c3, white); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c3), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(bottom, #c3c3c3, white); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(bottom, #c3c3c3, white); /* Opera11.10+ */ background: -ms-linear-gradient(bottom, #c3c3c3, white); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='white',GradientType=0 ); /* IE6-9 */ background: linear-gradient(bottom, #c3c3c3, white); /* W3C */ }
.dateListItems li.active span, .dateListItems li:hover span { color: #333; }

.dateListDetail { float: left; width: 100%; position: absolute; z-index: 2; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; }
.dateListDetail > li { float: left; width: 100%; display: inline-block; padding: 0px 0px; height: 440px; position: relative; overflow: hidden; }
.dateListDetail > li > a { float: left; width: 100%; background: black; background: #4a0063; /* Old browsers */ background: -moz-linear-gradient(top, #691d81, #4a0063); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #691d81), color-stop(100%, #4a0063)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #691d81, #4a0063); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #691d81, #4a0063); /* Opera11.10+ */ background: -ms-linear-gradient(top, #691d81, #4a0063); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#691d81', endColorstr='#4a0063',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #691d81, #4a0063); /* W3C */ text-shadow: 0px -1px 1px black; -webkit-text-shadow: 0px -1px 1px black; -moz-text-shadow: 0px -1px 1px black; -o-text-shadow: 0px -1px 1px black; -ms-text-shadow: 0px -1px 1px black; padding: 5px; text-align: center; }
.dateListDetail > li > a span { font: 16pt/1em "RTVEfontR"; color: white; }
.dateListDetail > li img { float: left; width: 49%; border-right: 4px solid #000; }
.dateListDetail > li > p { float: left; padding: 10px; font: bold 8pt/1.2em Arial; width: 15%; color: #691d81; }
.dateListDetail > li#cumbre0 img { float: left; width: 100%; border-right: none; }
.dateListDetail > li#cumbre0 > p { position: absolute; width: 50%; z-index: 3; background-color: rgba(255, 255, 255, 0.9); background-color: white \9; box-shadow: 0px 4px 10px black; -webkit-box-shadow: 0px 4px 10px black; -moz-box-shadow: 0px 4px 10px black; -o-box-shadow: 0px 4px 10px black; -ms-box-shadow: 0px 4px 10px black; color: #333; top: 9%; left: 25%; font: 12pt/1.1em RTVEfontR; padding: 2em; }
.dateListDetail > li .claves { border-left: 1px dotted #C3C3C3; width: 36%; *width: 30%; float: left; overflow-y: auto; height: 87%; background: #F2F2F2; padding: 5px; }
.dateListDetail > li .claves li { padding: 5px 0 10px 0; background: #F2F2F2; display: inline-block; border-bottom: 1px solid white; }
.dateListDetail > li .claves li span { font-weight: bold; width: 100%; display: block; color: black; padding: 4px 0px; }
.dateListDetail > li .claves li p { color: #333; font: 7.2pt/1.2em Arial; }

.c66 #info_cumbre_2012 .dateListItems li a span, .c50 #info_cumbre_2012 .dateListItems li a span, .c70 #info_cumbre_2012 .dateListItems li a span { font: bold 7pt/1em Arial; }
.c66 #info_cumbre_2012 .dateListDetail > li img, .c50 #info_cumbre_2012 .dateListDetail > li img, .c70 #info_cumbre_2012 .dateListDetail > li img { width: 50%; border-right: none; }
.c66 #info_cumbre_2012 .dateListDetail > li > p, .c50 #info_cumbre_2012 .dateListDetail > li > p, .c70 #info_cumbre_2012 .dateListDetail > li > p { position: absolute; left: 0; width: 50%; bottom: 3em; background: white; }
.c66 #info_cumbre_2012 .dateListDetail > li#cumbre0 img, .c50 #info_cumbre_2012 .dateListDetail > li#cumbre0 img, .c70 #info_cumbre_2012 .dateListDetail > li#cumbre0 img { float: left; width: 100%; border-right: none; }
.c66 #info_cumbre_2012 .dateListDetail > li#cumbre0 > p, .c50 #info_cumbre_2012 .dateListDetail > li#cumbre0 > p, .c70 #info_cumbre_2012 .dateListDetail > li#cumbre0 > p { width: 100%; font: 8pt/1.1em Arial; left: 0; bottom: 2em; height: auto; top: initial; padding: 2em; }
.c66 #info_cumbre_2012 .dateListDetail > li .claves, .c50 #info_cumbre_2012 .dateListDetail > li .claves, .c70 #info_cumbre_2012 .dateListDetail > li .claves { width: 50%; *width: 48%; }