﻿@charset "UTF-8";
/* CSS Document */

/********* RESET **************/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  line-height:1.2;
  outline:none;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}        

span {behavior: url(../styles/PIE.htc) /* Para fichas */, url(styles/PIE.htc) /* Para Home */;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
p{ position:relative;}
ul, ol { list-style: none outside none; font-size: 0;}
a, a:focus, a:active{text-decoration:none; color:#999; outline:none; position:relative;}
hr{border:none;}

/*, *:after, *:before{ box-sizing:border-box;}*/

::selection {
    background-color: #33aadd;
    color: #fff;
    padding: 5px;
}
::-moz-selection{
	background-color: #33aadd;
    color: #fff;
    padding: 5px;
	}

/*************************************************/

html, body{font-family:Helvetica,Arial,sans-serif; color:#999999; height:100%; background-color:#FFF; margin:0px; padding:0px;}
header{width:950px; margin:auto; padding:15px; height:80px;}
header h1{ background:url(../img/logo_UEpublicidad.png) no-repeat; width:162px; height:74px; text-indent:-9999px; float:left; cursor:pointer;}
header nav{ float:right; margin-top:30px;}
header nav ul li{display:inline; margin:0px 10px;}
header nav ul li a{font-size:14px; color:#777; display: inline-block; height:18px; margin-top: 19px; overflow: hidden; position:relative;}
header nav ul li a.sec_prensa{width:50px;}
header nav ul li a.sec_supl{width:130px;}
header nav ul li a.sec_revistas{width:60px;}
header nav ul li a.sec_audiovisual{width:75px;}
header nav ul li a.sec_internet{width:50px;}
header nav ul li a.select{height:22px;}
header nav ul li a span{position:absolute; top:0; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s;}
header nav ul li a.select span{ top:22px; }
header nav ul li a.select span.top{ top:0; color:#33aadd; border-bottom:5px solid #33aadd; }
header nav ul li a span.top {top: -22px; color:#33aadd;}
header nav ul li a:hover span {top: 22px;}
header nav ul li a:hover span.top {top: 0;}


.foto_ppal{ background:url(../img/foto_ppal04.png) top center no-repeat; height:610px; width:100%; overflow:hidden; z-index:-1; text-align:center;}
.foto_ppal h2{font-size:50px; color:#FFFFFF; padding-bottom:10px; margin:auto; text-shadow: #779c9a 0px 0px 100px;}
.home .foto_ppal h2{width:600px; height:82px; *height:72px; background:transparent url(../img/UEpublicidad.png) no-repeat center center; text-indent:-9999px; padding-bottom:30px; border-bottom:1px solid #fff;}
.foto_ppal p.entradilla{ font-size:18px; font-style:italic; color:#fff; font-weight:lighter; padding:20px; *padding-top:0px; line-height:1.5; text-shadow: #779c9a 0px 0px 30px;}
.foto_ppal .mediabook{float:right; padding:10px; margin-left: 10px; background-color:rgba(51,170,221,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9933AADD,endColorstr=#9933AADD); transition-property:background-color; transition-duration:.5s;}
.foto_ppal .mediabook:hover{background-color:rgba(43,142,193,0.9);}
.foto_ppal .mediabook a.btn_descarga{ width:100%; color:#FFF; background:url("../img/icon_descarga.png") no-repeat scroll 0 0 transparent; padding:3px 2px 2px 26px; font-weight:lighter; position:relative; font-size:15px;}
.foto_ppal .mediabook a.btn_descarga sup{padding-left:18px; background:url(../img/icon_mundo.png) 0px -1px no-repeat;font-size:14px;}

.bloque{width:980px; margin:auto; padding:0px 15px; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body.el_mundo .foto_ppal .bloque{ background:transparent url(../img/foto_elmundo.png) top center no-repeat; height:100%; overflow:hidden;}
body.marcanba .foto_ppal .bloque{background:transparent url(../img/foto_marcanba.png) top center no-repeat; height:100%; overflow:hidden;}
body.radiomarca .foto_ppal .bloque{background:transparent url(../img/foto_radiomarca.png) top center no-repeat; height:100%; overflow:hidden;}

/*******************  home  ******************/

/*******************  animacion home  ******************/
.home .bloque .fila_mod:nth-child(odd) .texto{  position:relative; right:-2000px;}
.home .bloque .fila_mod:nth-child(2n) .texto{ position:relative;left:-2000px;}
.home .bloque .fila_mod .imagen{ display:none;}
.home .contenido .fila_mod.revistas .imagen{ margin:1000px -1000px 0 0; position:relative; display:none;}
.home .bloque .fila_mod .carrusel{display:none;}
.home .fila_mod .grafico{position:relative; width:700px}
/*******************  /animacion home  ******************/

.home .flecha_bottom a{background-image:url(../img/flecha_bottom.png);cursor: pointer;display: block;height: 40px;width: 97px;margin: 0 auto;position: relative;top:-300px;}
.home .contenido .fila_mod{ overflow:visible; clear:both; margin:0px; padding:0px; height:400px; }
.home .contenido .fila_mod.audiovisual{ height:450px;} 
/*.home .fila_mod .texto{animation-name:textos_home; animation-delay: 0ms;/*animation-iteration-count:;
animation-duration: 1.5s; animation-timing-function:ease;}
@keyframes textos_home {
  from { opacity:0.2; margin-right:-75px; margin-left:-75px;}
  to { opacity:1; margin-right:none; margin-left:none;}
}

.home .fila_mod .imagen{animation-name:imagen_home; animation-delay: 0ms; animation-duration: 1.5s; animation-timing-function:ease;}
@keyframes imagen_home {
  from { opacity:0.5;}
  to { opacity:1;}
}*/

.home .fila_mod .texto h2{ font-size:41px; color:#777; border-bottom:1px #ccc dotted; margin:20px 0px;}
.home .fila_mod .texto p{ font-size:17px; color:#999; font-weight:lighter; font-style:italic; margin-top:8px;}
.home .fila_mod .texto p.listado{ font-size:14px;}
.home .fila_mod .texto p span{color:#33aadd;}
.home .fila_mod .texto p a{ color:#33aadd; text-decoration:underline; }
.home .fila_mod .texto p a:hover{ color:#2b8ec1;}
.home .fila_mod .texto a.btn{ background-color:#33aadd; font-size:15px; font-weight:lighter; margin-top:20px; transition-property:background-color; transition-duration:.5s;}
.home .fila_mod .texto a.btn:hover{ background-color:#2b8ec4; }
.home .prensa .texto, .home .internet .texto, .home .audiovisual .texto{ float:right; width:450px;}
.home .suplementos .texto, .home .revistas .texto{ float:left; width:380px;}
.home .fila_mod .imagen{ float:left;}

.home .prensa .imagen{ width:450px; margin-left:-150px; position:relative;}
.home .prensa .imagen span{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; width:100px; height:72px; color:white; background-color:#33aadd; font-size:46px; font-weight:lighter; padding-top:28px; text-align:center; position:absolute; top:-10px; left:315px; display:none;}
.home .prensa .texto{ padding-top:80px;}

.home .suplementos .grafico{ float:right; margin:50px -180px 0px 0px; width:732px; height: 213px }
.home .suplementos .grafico path.porcion text{ fill:#33aadd; font-family:Helvetica, Arial, sans-serif; font-size:12px; }
.home .suplementos .grafico path.porcion:hover{ fill:#33aadd;}
.home .suplementos .texto{padding-top:80px;}

.home .internet .carrusel{ background:transparent url(../img/monitor_home.jpg) no-repeat center center; width:573px; height:485px; float:left; margin-left:-150px;}
.home .internet .carrusel .monitor { overflow: hidden; margin-left: 30px; width: 513px; height:100%; }
.home .internet .carrusel ul{ width:512px; height:321px;  margin-top:30px; padding-left:31px; background-color:#999;} 
.home .internet .texto{padding-top:80px;}

.home .revistas .imagen{ float:right; margin-right:-200px; background: transparent url(../img/revistas_home.jpg) no-repeat center top; height:485px; width:720px; overflow:hidden;}
.home .revistas .texto{padding-top:100px;}

/*.home .fila_mod.audiovisual{ background-color:white; margin-top:-50px;}*/
.home .audiovisual .imagen{float:left; margin-left:-125px;}
.home .audiovisual .texto{ margin-top:-250px; z-index:9999px; position:relative;}

.home .contenido .fila_mod.contacto .bloque{ position:relative;}
.home .contenido .fila_mod.contacto{ height:280px; width:100%; background:transparent url(../img/mapa.png) no-repeat center center;   }
.home .contenido .fila_mod.contacto span{content:""; display:block; width:10px; height:10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#33aadd; margin:5px; text-align:center;}
.home .contenido .fila_mod.contacto .aqui{display:block; width:20px; height:20px; padding:10px; border-radius:50%; background-color:rgba(51, 170, 221, 0.5); position:absolute; top:176px; left:263px; 
animation-name:sanluis25;
animation-delay: 0ms;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-timing-function: ease;
behavior: url(../styles/PIE.htc) /* Para fichas */, url(styles/PIE.htc) /* Para Home */;}

@keyframes sanluis25 {
  0% { background-color:rgba(51, 170, 221, 0.2);}
  50%{ background-color:rgba(51, 170, 221, 0.5);}
  100% { background-color:rgba(51, 170, 221, 0.2);}
}

.home .contacto .info{ padding-top:80px; color:#777; text-align:right; font-size:14px;}
.home .contacto .info h2{ font-size:27px; color:#33aadd; font-weight:bold; }
.home .contacto .info address{ font-style:normal;}
.home .contacto .info a{ text-decoration:underline; color:#777; font-weight:bold;}
.home .contacto .info a:hover{ color:#666;}

.home .contenido{ padding-bottom:0px;}
.contenido{position:relative; top:-300px; padding:50px 0px 70px 0px; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); overflow:hidden;}
.contenido h1{font-size:46px; color:#777; text-align:center; line-height:normal; text-transform:uppercase;}
.contenido h1 sup{ font-size:20px; font-weight:lighter;}

.ediciones{width:211px; overflow:hidden; margin:auto;  background:transparent url(../img/desplagable.png) right 10px no-repeat; -webkit-appearance:none;}
.ediciones select{background:none; border:none; width:230px;font-size:18px; color:#777; text-transform:capitalize; -webkit-appearance:none;}
.ediciones select option{ width:265px; border:none; box-shadow:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:none;}

.contenido p.entradilla{ text-align:center; font-size:17px; font-style:italic; font-weight:lighter; padding:20px 80px 30px 80px; *padding-top:0px;}
.contenido p.entradilla a{color:#777; text-decoration:underline;}
.contenido .fila_mod{width:100%; margin-top:20px; padding-bottom:20px; overflow:hidden;}
.contenido .fila_mod article{width:46%; float:left;}
.contenido .fila_mod article:first-child{ margin-right:8%;}
.contenido article h2{width:100%; border-bottom:1px #ccc dotted; font-size:20px; color:#bebebe; margin-bottom:20px;}

/*******************  buscador  ******************/
.buscador{ text-align:right; margin:20px 0px 10px 0px; *margin-bottom:0px; padding:0px;}
.buscador input.campo{padding:6px; border:1px solid #FFF; font-size:13px; height:20px; width:180px; margin:0px; color:#666; position:relative; left:25px; background-color:rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30FFFFFF,endColorstr=#30FFFFFF);}
.buscador input.lupa{position:relative; right:5px; top:1px; top:5px\9;/*for ie8*/ *top:-8px;/*for ie7*/ height:20px; width:20px; background: transparent url(../img/icon_lupa.png) no-repeat; border:none; cursor:pointer;}

/******************  audiencia  **************************/
.contenido article.audiencia h2 span{ float:right; font-size:16px; font-weight:lighter; background:transparent url(../Img/icon_asterisco.png) no-repeat top left; padding-left:10px; }
.contenido article.audiencia h4{ text-align:center; color:#33aadd; font-size:64px; margin:12px 0px; font-weight:normal;}
.contenido article.audiencia h4 sup{ font-size:13px; font-weight:normal; vertical-align:top; font-weight:lighter; display:-moz-grid; text-align:left; padding-top:10px;}
.contenido article.audiencia p{}
.contenido article.audiencia p b{color:#777; font-weight:bold;}
.contenido article.audiencia p span{ color:#777; font-weight:bold;}
.contenido article.audiencia p strong{ color:#777; font-weight:bold;}
.contenido article.audiencia ul{ margin-left:5px;}
.contenido article.audiencia ul li{text-align:right; color:#33aadd;  padding:8px 5px 4px 5px; margin:2px; font-size:20px;}
.contenido article.audiencia ul li h5{ float:left; font-size:16px; font-weight:normal; color:#777;  padding:0px 5px 4px 5px; }
.contenido article.audiencia ul li p{}
.contenido article.audiencia ul li sup{display: -moz-grid; font-size: 11px;font-weight: lighter;padding-top:;text-align: left;vertical-align: top;}

/******************  perfil  ******************************/
.perfil #chartDiv{padding:0px; margin:0px; height:200px;}
.perfil #chartDiv svg{padding:0px; margin:0px;}
.perfil .menu {text-align:center;}
.perfil .menu li{display:inline-block; *display:inline; *zoom:1; margin:0px 3px;}
.perfil .menu li:first-child{ margin-left:0px;}
.perfil .menu li:last-child{ margin-right:0px;}
.perfil .menu li a{font-size:14px; padding:0px 2px; transition-duration: 0.5s; transition-property: background-color; cursor:pointer;}
.perfil .menu li a:hover{ color:#33aadd;}
.perfil .menu li a.active{color:#33aadd; border-bottom:4px solid #33aadd;}
.perfil .comentario{ font-size:12px; font-style:italic; text-align:center;}

/******************  suplementos  **************************/
.contenido article.supl ul li{display:inline; text-transform:lowercase;}
.contenido article.supl ul li a{display:inline-block; *display: inline; zoom:1;  padding:5px 10px; margin:4px 2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#efefef; transition: all 0.14s ease-out 0s; font-size: 16px; behavior: url(../styles/PIE.htc) /* Para fichas */; width:max-content;}
.contenido article.supl ul li a:first-letter{text-transform:uppercase;}
.contenido .supl ul li a:hover{ background:#bebebe; color:#FFF;}
.contenido article.supl ul li a.destacado{ background-color:#777; color:#FFF;}
.contenido .supl ul li a.destacado:hover{ background:#bebebe; color:#FFF;}

/******************  portfolio ******************************/
/*article.portfolio ul li{ display:inline-block; *display: inline; zoom:1; margin: 0px 13px 26px 13px;}
article.portfolio ul li figure {border:4px solid #e2e1e1; overflow:hidden; width:110px; height:110px;}
article.portfolio ul li figure figcaption{position:relative; top:-45px; min-height:50px; background-color:rgba(51,170,221,0.9);}
article.portfolio ul li figure figcaption h5{color:#FFFFFF; font-weight:lighter; padding:5px;}*/
article.portfolio .previo{ padding:0px; margin-bottom:10px; text-align:center;}
article.portfolio a img{border:4px solid #e2e1e1; filter: grayscale(100%); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;}
article.portfolio a:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}
article.portfolio a.btn{ margin:0px 5px;}


/******************  audio ******************************/
article.audio section{ padding:70px 10px 10px 10px; background:transparent url(../img/icon_audio.png) top center no-repeat;}
.jp-gui{position: relative; }
.jp-gui ul, .jp-gui div.jp-progress-slider, .jp-gui div.jp-progress-slider, .jp-gui p{display:inline-block; *display: inline; zoom:1; }
.jp-gui ul li{width:20px; height:20px; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:10px;}
li.jp-play{border:1px solid #bebebe; background: transparent url(../img/play.png) no-repeat 6px 5px; cursor:pointer;}
li.jp-pause{display: none; border:1px solid #33aadd; background: transparent url(../img/pause.png) no-repeat center center; cursor:pointer;}
.jp-no-solution{display: none;}
.jp-gui p.name{vertical-align:bottom; color:#777; font-weight:lighter;}
.jp-gui p.name span{color:#bebebe;}
a.ui-slider-handle.ui-state-default.ui-corner-all{display:none;}
.jp-progress-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{ width:370px; height:3px; background-color:#e2e2e2; vertical-align:super; margin-left:35px;}
.ui-slider-range.ui-widget-header.ui-slider-range-min{height:3px; background-color:#33aadd;}
.jp-current-time{font-size:12px; color:#bebebe; position:absolute; top:20px; right:15px; }
.jp-clearboth {clear: both;}

/******************  emisoras ******************************/
article.emisoras ul{width:100%; background:transparent url(../img/emisoras.png) no-repeat 206px center; height:442px;}
article.emisoras ul li{font-size:8pt; text-transform:uppercase; padding-top:2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition: all 0.14s ease-out 0s; transition: all .1s ease-in;}
article.emisoras ul li:hover{ background-color:#33aadd; color:#FFF; transition: background-color 0.01s;}
article.emisoras ul li:hover span{color:white;}

article.emisoras ul li:nth-child(2n){ text-align:left; margin-left:231px; margin-top:-12px; padding-left:10px;}
article.emisoras ul li:nth-child(2n+1){ text-align:right; margin-right:235px; padding-right:10px;}

article.emisoras ul li span{ color:#33aadd;}

/******************  programación ******************************/
article.programacion nav{ height:30px; }
article.programacion nav ul{ text-align:right;}
article.programacion nav ul li{display:inline; *display: inline; zoom:1; margin-right:2px;} 
article.programacion nav ul li:last-child{ margin-right:0px;}
article.programacion nav ul li a{padding:5px; border-radius:2px; background-color:#bebebe; transition: all 0.14s ease-out 0s; color:#FFFFFF; font-size:13px; font-weight:lighter;}
article.programacion nav ul li a.active{ background-color:#33aadd; color:#FFF;}
article.programacion nav ul li a:hover{ background-color:#33aadd;}
article.programacion section{height:404px; overflow: hidden;}
article.programacion section ul { margin-top: -162px }
article.programacion section ul.horario{ width:33px; float:left; text-align:right; margin-right:10px;}
article.programacion section ul.horario li{font-size:13px; font-weight:lighter; padding-top:7px; height:21px;}
article.programacion div.siguiente{ background:transparent url(../img/desplagable.png) no-repeat center center; height:5px; width: 30px;}
article.programacion div.anterior{background:transparent url(../img/flecha_top.png) no-repeat center center; height:5px; width: 30px;}
article.programacion section ul.parrilla{text-align:center; font-size:0px; padding:0px 0px 0px 45px;}
ul.parrilla li{display:table; width:100%; font-size:12px; /*padding:2px 0px;*/ }
ul.parrilla li:hover{background-color:#f0f0f0;}
ul.parrilla li div{display:table-cell; vertical-align:middle;}
ul.parrilla li h5{color:#777;}
ul.parrilla li p{font-style:italic; font-weight:lighter; font-size:11px;}
ul.parrilla li.unahora{ height:28px; }
ul.parrilla li.doshoras{height:56px; }
ul.parrilla li.treshoras{height:84px;}
ul.parrilla li.cuatrohoras{height:112px;}
ul.parrilla li.cincohoras{height:140px;}
ul.parrilla li.seishoras{height:168px;}
ul.parrilla li.sietehoras{height:196px;}
ul.parrilla li.ochohoras{height:224px;}
ul.parrilla li.nuevehoras{height:252px;}
ul.parrilla li.diezhoras{height:280px;}
ul.parrilla li.oncehoras{height:308px;}
ul.parrilla li.docehoras{height:336px;}
ul.parrilla li.ymedia{ padding:7px 0px;}
ul.parrilla li:first-child{ margin-top: 14px; }

/******************   relacionados  *****************************/
.contenido .fila_mod article.relacionados{ background:url(../img/textura.png) repeat; padding:4px; width:44%;}
article.relacionados h2{ border:none; margin:12px;}
article.relacionados h2 a{ background:transparent url(../img/desplegable00.png) no-repeat right 5px; padding-right:20px; cursor:pointer;}
article.relacionados h2 a.abierto{ background:transparent url(../img/desplegable00.png) no-repeat right -25px; }
article.relacionados ul.menu{ display:none; background-color: white; padding:10px 10px 0px 10px;}
article.relacionados ul.menu li{display:inline-block; *display: inline; zoom:1; margin:0px 2px 10px 2px;}
article.relacionados ul.menu li a{ font-size:1px; background-color:#efefef; padding:5px 5px 3px 5px; border-radius:2px; -moz-border-radius:2px;  -webkit-border-radius:2px; text-transform:uppercase; cursor:pointer;behavior: url(../styles/PIE.htc);}
article.relacionados ul.menu li a.active{ color:#fff; background-color:#33aadd;}
article.relacionados .carrusel{ background-color:#FFF; padding:20px 10px 10px 10px; overflow:hidden;}
article.relacionados .carrusel ul li img{ float:left; border:4px solid #FFF; box-shadow: 1px 1px 1px #CCC; margin-right:12px;}
article.relacionados .carrusel ul li h3{ color:#33AADD; margin-bottom:10px; font-size:14px; text-transform:uppercase;}
article.relacionados .carrusel ul li p{color:#777; font-size:15px; margin:10px 0px;}
a.btn{ background:#777 url(../img/icon_flecha.png) right center no-repeat; color:#FFFFFF; font-size:12px; font-weight:bold; padding:7px 30px 7px 10px; margin:0px; display:inline-block; *display: inline; zoom:1; transition-property:background-color; transition-duration:.5s;}
a.btn:hover{ background-color:#bebebe;}
article.relacionados .bullet{background-color:#FFF;padding:0px 5px 10px 5px; text-align:center;}
article.relacionados .bullet ul li{display:inline-block; *display: inline; zoom:1; text-indent:-9999px; width:15px; height:5px; background-color:#CCCCCC; margin:3px;}
article.relacionados .bullet ul li.active{ background-color:#33aadd;}

/******************  calendario de espaciales ************************/
.calendario .menu { float:left;}
.calendario .menu li{ margin:2px 0px; height:30px; text-align:right;}
.calendario .menu li a{ text-transform:uppercase; color:white; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding: 8px 10px; background-color:#bebebe; font-size:12px; /*transition: all 0.14s ease-out 0s;*/ transition: background-color .3s ease-in; behavior: url(../styles/PIE.htc);}
.calendario .menu li a.active{ background-color:#33aadd;}
.calendario .menu li a:hover{ background-color:#777; transition: background-color 0.01s;}
.calendario section.mes{ float:left; width:65%; margin-left:35px;}
.calendario section.mes ol{ font-size:0px;}
.calendario section.mes ol.semana li{ display:inline-block; *display: inline; zoom:1; color:#33aadd; width:40px; height:35px; text-align:center; font-weight:lighter; font-size:18px;}
.calendario section.mes ol.dias li{ display:inline-block; *display: inline; zoom:1; width:40px; text-align:center; padding:8px 0px 4px 0px; margin:1px 0px; font-weight:lighter; font-size:18px;}
.calendario section.mes ol.dias li.dom{ font-weight:bold; color:#777;}
.calendario section.mes ol.dias li.destacado{ background-color:#33aadd; color:#FFFFFF; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; width:34px; margin:0px 3px;behavior: url(../styles/PIE.htc);}
.calendario section.mes ol.especiales{ margin-top:20px;}
.calendario section.mes ol.especiales li{font-weight:bold; font-size:14px; color:#777;}
.calendario section.mes ol.especiales li span{ color:#33aadd;}
.calendario section.mes ol.especiales li span.enlaces{ font-weight:normal; color:#666; font-size:11px;}
.calendario section.mes ol.especiales li span.enlaces a{ text-decoration:underline;}
.calendario section.mes ol.especiales li span.enlaces a:hover{ color:#33aadd;}

/******************  dpto. comercial  **************************/
.contenido article.dpto_comercial{font-size:12px;color:#777;}
.contenido article.dpto_comercial h2 span{float: right;font-size:16px;font-weight:lighter; background:transparent url(../Img/icon_tel.png) no-repeat left 1px; padding:3px 0px 0px 25px;}
.contenido article.dpto_comercial p{ line-height:1.3; font-size: 12px;}
.contenido article.dpto_comercial a{font-style:italic; color:#bebebe; text-decoration:underline; font-size: 12px;}
.contenido article.dpto_comercial figure{float:left; width:48.8%; text-align:center; margin-bottom:20px;}
.contenido article.dpto_comercial figure:nth-child(2n){margin-right:10px;}
.contenido article.dpto_comercial figure img{ margin:10px 0px;}
.contenido article.dpto_comercial figure p.puesto{color:#999; text-transform:uppercase;}
.contenido article.dpto_comercial section{ clear:both; padding-left:5px; }
.contenido article.dpto_comercial section h3{color:#999; margin:15px 0px 5px 0px;text-transform:uppercase;}
.contenido article.dpto_comercial section ul{}
.contenido article.dpto_comercial section ul li{width:48.8%; float:left;margin:0px 0px 12px 5px; overflow:hidden;}
.contenido article.dpto_comercial section ul li:nth-child(2n+1){margin:0px 5px 10px 0px; clear:both;}

/******************  descargas  **************************/
.contenido article.descargas ul{/*-moz-column-count:2; -moz-column-gap: 10px; -webkit-column-count:2; -webkit-column-gap: 10px;*/ margin:0px 5px;}
.contenido article.descargas ul li{float:left; width:203px; height:43px; background-color:#33aadd; margin:0px 10px 10px 0px; overflow:hidden; transition-property:background-color; transition-duration:.5s;}
.contenido article.descargas ul li:hover{ background-color:#2B8EC4;}
.contenido article.descargas ul li:nth-child(even){ margin-right:0px;}
.contenido article.descargas ul li a{display:block; color:#FFF; padding: 3px 0px 0px 30px; margin:10px 12px; background:url(../img/icon_descarga.png) no-repeat; font-weight:lighter; font-size: 15px;}
.contenido article.descargas ul li a sup{padding-left:18px; background:url(../img/icon_mundo.png) 0px -1px no-repeat;font-size:14px;}

/******************  SECCIONES  **************************/
.seccion .foto_ppal{ height:560px;}
.seccion.prensa .foto_ppal h2{width:250px; border-bottom:1px solid #fff; }
.seccion.findesemana .foto_ppal h2{width:600px; border-bottom:1px solid #fff;}
.seccion.revista .foto_ppal h2{width:300px; border-bottom:1px solid #fff;}
.seccion.internet .foto_ppal h2{width:300px; border-bottom:1px solid #fff;}
.seccion.audiovisual .foto_ppal h2{width:400px; border-bottom:1px solid #fff;}
.seccion .fila_mod figure{ width:287px; display:inline-block; *display: inline; zoom:1; margin-left:40px; vertical-align:top;}
.seccion .fila_mod figure a{position:relative; z-index:1;}
.seccion .fila_mod figure a img{ padding:0px; /*margin-bottom:-5px;*/ position:relative; top:10px; transition-property:all; transition-duration:.2s;}
.seccion .fila_mod figure a:hover img{top:5px; opacity:.6;}
.seccion .fila_mod figure:first-child{ margin-left:0px;}
.seccion .fila_mod figure figcaption{border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:25px 5px 10px 5px; overflow:hidden; background-color:#FFF; position:relative; z-index:999;}
.seccion .fila_mod figure figcaption h2{ text-align:center;}
.seccion .fila_mod figure figcaption h2 a{font-size:21px; color:#777;}
.seccion .fila_mod figure figcaption h2 a:hover{ color:#33aadd;}
.seccion .fila_mod figure figcaption p.entradilla{ padding:15px 0px 20px 0px; font-size:15px; height: 50px}
.seccion .fila_mod figure figcaption p.entradilla span{ color:#33aadd;}
.seccion .fila_mod figure figcaption h5{ font-size:14px; color:#777;}
.seccion .fila_mod figure figcaption ul li{display:inline-block; *display: inline; zoom:1;font-size:14px; font-weight:lighter; text-transform:lowercase;}
.seccion .fila_mod figure figcaption ul li:first-letter{ text-transform:capitalize;}
.seccion .fila_mod figure figcaption ul li a{ font-size:14px; font-weight:lighter;}
.seccion .fila_mod figure figcaption ul li a:hover{text-decoration:underline; color:#33aadd;}
.seccion .fila_mod figure figcaption a.btn{ float:right; background-color:#33aadd; transition-property:background-color; transition-duration:.5s;}
.seccion .fila_mod figure figcaption a.btn:hover{ background-color:#2b8ec4;}


/****************** QUIÉNES SOMOS *********************/
.seccion.quienessomos .foto_ppal h2{ margin-top:20px;}
ul.depcomercial{margin:50px auto;  font-size:18px; font-weight:lighter;}
ul.depcomercial li{text-align:center;}
ul.depcomercial li.titulo{ font-weight:bold; color:#777; text-transform:uppercase; margin-top:40px; font-size:22px;}
ul.depcomercial li.titulo02{ font-weight:normal; margin-top:10px; color:#777; font-size:16px;} 

/****************** RESULTADO BÚSQUEDA *********************/
.seccion.busqueda .foto_ppal h2{ margin-top:40px;}
.paginacion{ overflow:hidden; margin:20px 0px 50px 0px; text-align:center;}
.paginacion ul li{ display:inline-block; *display:inline; *zoom:1; font-size:14px; padding:5px 8px; margin-right:6px; border-bottom:3px solid #999; color:#999; cursor:pointer; }
.paginacion ul li.active{color:#33aadd; border-bottom:3px solid #33aadd;}
.paginacion ul li.anterior, .paginacion ul li.siguiente{border-bottom:none;}
.paginacion ul li:hover{ color:#666; border-bottom:3px solid #666;}
.paginacion ul li.anterior:hover, .paginacion ul li.siguiente:hover{ border-bottom:none;}

/******************  FOOTER  **************************/
footer{ background-color:#666; padding:50px 0px 0px 0px; margin-top:-300px; overflow:hidden;}
footer .bloque{}
footer section:first-child{ margin-left:0px;}
footer section { width:17%; margin-left:30px; display:inline-block; *display: inline; zoom:1;  vertical-align:top;}
footer section h2{color:#FFF; font-size:14px; border-bottom:1px #ccc dotted; margin:10px 0px 5px 0px;}
footer section ul li {text-transform:lowercase;}
footer section ul li:first-letter {text-transform: uppercase;}
footer section ul li ul li{ padding-left:10px; text-transform:lowercase;}
footer section ul li ul li:first-letter{text-transform:uppercase;}
footer section ul li a{color:#ccc; font-size:12px; }
footer section ul li a:hover{ color:#FFF;}
ul.copyright{width:100%; border-top:1px solid #7c7c7c; margin:20px 0px 10px 0px; font-size:0px;}
ul.copyright li{display:inline-block; *display: inline; zoom:1; font-size:12px; color:#ccc; margin:5px; padding:5px;}
ul.copyright li a{ text-decoration:underline;}
ul.copyright li span{ font-size:36px; padding-left:15px;}

.bloque-cookies{position:absolute;left:0;z-index:100}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	header{overflow:hidden;}
	.bloque{overflow:hidden;}
	.home .prensa .imagen span{top:0px;}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	header{overflow:hidden;}
	.bloque{overflow:hidden;}
	.home .prensa .imagen span{top:0px;}

}


@media screen and (max-device-width: 480px) { 
header nav ul li {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	rotation: 180deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
}

