/* Theme Name: Tema Desktop Septiembre Author: DDN Author URI: http://www.lujanenlinea.com.ar Description: Tema para version escritorio Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Lujan Text Domain: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* ESTILO GENERALES */ /* GALERIA MULTIMEDIA AUDIO VIDEO */ .video-container { position:relative; padding-bottom:46.25%; padding-top:30px; height:0; overflow:hidden;} .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;} .jetpack-slideshow:after {content: "Galeria";} span.embed-youtube {position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;} iframe.youtube-player { position:absolute; top:0; left:0; width:100%; height:100%;} * {margin: 0; padding: 0;} hr {border: 0; height: 1px; } a:link {text-decoration: none; color: black; } a:visited {text-decoration: none; color: black;} a:hover {text-decoration: none; color: #b71c1c;} a:active {text-decoration: none; color: black;} a:hover p {text-decoration: none; color: black;} h3 {text-transform: uppercase;} body {background-color: #ecf0f1; background-color: white; font-family: Roboto, arial; margin: 5px;} section:after {display: block; content:""; clear: both;} section {margin-top: 35px; margin-bottom: 0px;} /* ESTILOS DE LA CABECERA */ #wrapper-general {margin: auto; width: 970px; height: auto; } #cabecera-portada {width: 100%; height: 100px; } #cabecera-portada img {height: 100%; width: auto;} #cabecera-elemento1 { float: left; width: 300px; height: 80%;} #cabecera-elemento2 {float: left; width: 300px; text-align: center;} #cabecera-elemento3 {float: left; width: 130px; overflow: hidden; } #cabecera-elemento4 {float: right; width: 200px; height: 80px; } /* ESTILOS FOOTER */ footer {width: 100%; height: 200px; background-color: silver; margin-top: 40px; margin-bottom: 0px;} footer hr {margin-bottom: 10px; margin-top: 2px; height: 2px; border: 0; box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.5); } footer ul {float: left; margin-left: 50px; margin-top: 30px; color: white; font-family: Roboto; padding-right: 35px;} footer ul li {line-height: 23px; font-size: 14px;} footer ul span.login a {color: silver;} footer ul span.login a:hover {color: gray;} /* ---------- MENU PRINCIPAL ----------- */ nav:after {display: block; content:""; clear: both;} nav {margin: 0px 0 20px 0; background-color: #b71c1c; width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} nav ul {list-style: none; font-size: 15.5px} nav ul li {position: relative; color: white; float: left; background-color: #b71c1c; border-right: 1px solid silver; } nav ul li:last-child {border-right: 0px solid red; } nav a {color: white; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none;} nav li:hover > a, nav ul ul :hover > a, nav a:focus { background: #efefef;} nav li:hover > a, nav a:focus { background: #f9f9f9; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; } nav ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 300px; z-index: 99999; } nav ul ul a { border-bottom: 1px dotted #ddd; color: #444; font-size: 12px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } nav ul li:hover > ul { display: block; } nav .current-menu-item > a, nav .current-menu-ancestor > a, nav .current_page_item > a, nav .current_page_ancestor > a { background-color: #263238; font-weight: bold; } nav a:link {color: white;} nav a:visited {color: white;} /* PUBLICIDAD */ .publicidad {color: white; font-family: arial; font-size: 11px; } #contenedor-publicidad-fija-1 {width: 100%; height: 50px; margin-bottom: 20px; margin-top: 20px; background-color: #26527b;} #contenedor-publicidad-fija-2 {width: 100%; height: 50px; margin-top: 20px; background-color: white; } #contenedor-publicidad-fija-3 {width: 100%; height: 50px; margin-top: 20px; } #contenedor-publicidad-fija-4 {width: 250px; height: 350px; margin-left: 20px; float: right; background-color: #26527b;} #contenedor-publicidad-fija-5 {width: 300px; height: 225px; float: left;} #contenedor-publicidad-fija-6 {width: 300px; height: 225px; margin-top: 20px; float: left;} #contenedor-publicidad-fija-7 {width: 300px; height: 50px; margin-left: 20px; margin-top: 20px; float: left;} #contenedor-publicidad-fija-8 {width: 298px; height: 428px; margin-left: 20px; float: right; border: 1px solid gray;} #contenedor-publicidad-fija-9 {width: 300px; height: 600px; margin-right: 20px; float: left; overflow: hidden;} #prhp4a {float: left;} #prhp4b {float: right; width: 250px; height: 100px; background: silver;} #prhp5a {float: left;} #prhp5b {float: right; width: 300px; height: 100px; background: silver;} #prhp6a {float: left;} #prhp6b {float: right; width: 300px; height: 100px; background: red;} #prhp7a {float: left;} #prhp7b {float: right; width: 300px; height: 100px; background: red;} #prhp8a {float: left;} #prhp8b {float: right; width: 300px; height: 100px; background: red;} section.publicidad-rotativa-triple .item-publicidad-rotativa-triple {width: 300px; min-height: 190px; margin-right: 35px; float: left;} section.publicidad-rotativa-triple .item-publicidad-rotativa-triple:last-child { margin-right: 0px; } .item-publicidad-single {margin-top: 35px; margin-bottom: 35px;} .item-publicidad-970 {float: left; height: 250px; width: 970px;} /* ----------- SECCION AHORA ------------------*/ section.ahora-sin-foto { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } section.ahora-sin-foto article .cintillo-ahora {float: left; min-height: 100px; background-color: #b71c1c; width: 25%; } section.ahora-sin-foto article .contenido-ahora {float: left; background-color: #263238; min-height: 100px; width: 75%;} section.ahora-sin-foto article .cintillo-ahora h3 {font-family: Tahoma, arial, sans-serif; padding: 15px; font-size: 50px; color: white; text-align: center;} section.ahora-sin-foto article .contenido-ahora h2 {font-family: Roboto; color: white; font-size: 25px; padding: 5px 10px 5px 20px;} section.ahora-sin-foto article .contenido-ahora h3.copete-ahora {font-family: Tahoma; color: white; font-size: 12px; padding-left: 20px; padding-top: 8px;} section.ahora {position: relative; background-color: #263238; min-height: 300px; width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } section.ahora article .titulo-ahora {width: 35%; float: left; } section.ahora article a:hover h2 {color: #b71c1c; } section.ahora article .titulo-ahora h3.cintillo-ahora {background-color: #b71c1c; font-family: Tahoma, arial, sans-serif; padding: 15px; font-size: 50px; color: white; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} section.ahora article .titulo-ahora h2 {font-size: 30px; font-family: roboto, arial; padding: 20px; color: white;} section.ahora article .titulo-ahora p { font-family: arial; padding: 0 20px 0 20px; color: white;} section.ahora article .foto-ahora {float: right; width: 65%; min-height: 300px; max-height: 350px; overflow: hidden;} section.ahora article .foto-ahora img {width: 100%; height: auto;} section.ahora article .foto-ahora p {font-size: 0px;} section.ahora article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.ahora article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.ahora article:first-child .capa-iconos {top: 240px; left: 380px;} /* ----------- TRANSMISIONES EN VIVO --------- */ section.transmiision-en-vivo {position: relative; background-color: #263238; min-height: 200px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);} section.transmiision-en-vivo article .titulo-ahora {width: 35%; float: left; } section.transmiision-en-vivo article a:hover h2 {color: #b71c1c; } section.transmiision-en-vivo article .titulo-ahora h3.cintillo-ahora {background-color: #b71c1c; font-family: Tahoma, arial, sans-serif; padding: 15px; font-size: 50px; color: white; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} section.transmiision-en-vivo article .titulo-ahora h2 {font-size: 30px; font-family: roboto, arial; padding: 20px; color: white;} section.transmiision-en-vivo article .titulo-ahora p { font-family: arial; padding: 0 20px 0 20px; color: white;} section.transmiision-en-vivo article .foto-ahora {float: right; width: 65%; height: auto; overflow: hidden;} /* ----------- PARTIDOS VIVO --------- */ section.partido-vivo { background-color: #263238; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } section.partido-vivo article .cintillo-ahora { min-height: 100px; background-color: #b71c1c; width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} section.partido-vivo article .contenido-ahora {float: left; background-color: #263238; min-height: 130px; width: 75%;} section.partido-vivo article .cintillo-ahora h3 {font-family: Tahoma, arial, sans-serif; padding: 15px; font-size: 50px; color: white; text-align: center; } section.partido-vivo article .contenido-ahora h2 {font-family: Roboto; color: black; font-size: 25px; padding: 5px 10px 5px 20px;} section.partido-vivo article .contenido-ahora h3.copete-ahora {font-family: Tahoma; color: white; font-size: 12px; padding-left: 20px; padding-top: 8px;} /* --------- SECCION ESPECIAL ------ */ section.especial {width: 100%;} section.especial article.con-foto-especial a:hover .mascara-texto h2 {color: #b71c1c; } section.especial article.con-foto-especial {width: 100%; height: 500px; position: relative; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } section.especial article.con-foto-especial .mascara-imagen {width: 990px; height: 500px; overflow: hidden; } section.especial article.con-foto-especial .mascara-imagen img {width: 100%; height: auto; } section.especial article.con-foto-especial .mascara-texto {position: absolute; min-height: 330px; top: 230px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 4%, rgba(0,0,0,0.65) 36%, rgba(0,0,0,0.65) 62%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 4%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 4%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } section.especial article.con-foto-especial .mascara-texto h2 {font-size: 60px; font-family: Roboto; text-align: center; color: white; border-bottom: 1px solid white; margin: 20px;} section.especial article.con-foto-especial .mascara-texto p {font-size: 20px; line-height: 23px; font-family: Roboto; text-align: center; color: white; padding: 0 20px 0 20px; } section.especial article.con-foto-especial .mascara-texto h3 {font-family: Roboto; font-size: 20px; color: white; background-color: #b71c1c; padding: 2px 30px 2px 10px; display: inline;} section.especial article.con-foto-especial .altura-rio {display: none; position: absolute; width: 200px; height: 200px; background-color: #b71c1c; left: 770px; top: -210px; opacity: 0.9; border-radius: 5px; } section.especial article.con-foto-especial .capa-iconos {height: 80px; width: 30%; color: white; position: absolute; top: 100px; left: 10px; background-image: url(graficos/play_video_80x80.png); background-repeat: no-repeat;} section.especial article.con-foto-especial .capa-iconos:hover {background-image: url(graficos/play_video_80x80_rojo.png);} section.especial article.con-foto-especial:first-child .capa-iconos {top: 130px;} section.especial article.con-foto-especial .capa-iconos-audio {height: 80px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_audio_80x80.png); background-repeat: no-repeat;} section.especial article.con-foto-especial .capa-iconos-audio:hover {background-image: url(graficos/play_audio_80x80_rojo.png);} section.especial article.con-foto-especial:first-child .capa-iconos-audio {top: 130px;} section.especial {width: 100%;} section.especial article.sin-foto-especial a:hover .mascara-texto h2 {color: #b71c1c; } section.especial article.sin-foto-especial {width: 100%; background-color: #EEEEEE; padding-bottom: 20px; } section.especial article.sin-foto-especial .mascara-texto { } section.especial article.sin-foto-especial .mascara-texto h2 {font-size: 60px; font-family: Roboto; text-align: center; color: black; border-bottom: 1px solid white; margin: 20px;} section.especial article.sin-foto-especial .mascara-texto p {font-size: 17px; line-height: 20px; font-family: Roboto; text-align: center; color: black; padding: 0 20px 0 10px; } section.especial article.sin-foto-especial .mascara-texto h3 { font-family: Roboto; font-size: 20px; color: white; background-color: #b71c1c; padding: 2px 30px 2px 10px; display: inline;} section.especial article.sin-foto-especial .capa-iconos {height: 60px; width: 30%; color: white; margin-left: 20px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.especial article.sin-foto-especial .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.especial article.sin-foto-especial:first-child .capa-iconos {top: 130px;} section.especial article.sin-foto-especial .capa-iconos-audio {height: 60px; width: 30%; color: white; margin-left: 20px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.especial article.sin-foto-especial .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.especial article.sin-foto-especial:first-child .capa-iconos-audio {top: 130px;} /* NOTICIAS 1A */ section.noticias1A article {float: left; width: 25.77%; height: 320px; background-color: #ECEFF1; margin-left: 3.60%; position: relative; overflow: hidden;} section.noticias1A article:first-child {background-color: white; width: 41.23%; margin-left: 0} section.noticias1A article .mascara-imagen {height: 140px; overflow: hidden; } section.noticias1A article .mascara-imagen {height: 140px; overflow: hidden; } section.noticias1A article:first-child .mascara-imagen {height: 200px; overflow: hidden; } section.noticias1A article .mascara-imagen img {width: 100%; height: auto;} section.noticias1A article h3 {position: absolute; top: 119px; font-family: Roboto, Arial; font-size: 14px; color: white; background-color: #b71c1c; padding: 2px 10px 2px 10px; display: inline;} section.noticias1A article:first-child h3 {position: absolute; top: 179px;} section.noticias1A article .mascara-texto {position: relative; top: 0px;} section.noticias1A article h2 {font-family: Roboto; padding: 5px;} section.noticias1A article p {font-family: Roboto; font-size: 14px; padding: 0 5px 0 5px;} section.noticias1A article.sin-foto {} section.noticias1A article.sin-foto h3 {position: relative; top: 0px;} section.noticias1A article.sin-foto h2 {padding: 12px 12px 0px 12px; font-size: 25px; font-family: Roboto;} section.noticias1A article.sin-foto p { padding: 12px 12px 0px 12px;} section.noticias1A article.sin-foto-destacado {background-color: #EEEEEE;} section.noticias1A article.sin-foto-destacado h3 {position: relative; top: 0px;} section.noticias1A article.sin-foto-destacado h2 {padding: 12px 12px 0px 12px; font-size: 38px;} section.noticias1A article.sin-foto-destacado p { padding: 12px 12px 0px 12px; font-size: 16px;} section.noticias1A article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias1A article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias1A article:first-child .capa-iconos {top: 120px; } section.noticias1A article .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.noticias1A article .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.noticias1A article:first-child .capa-iconos-audio {top: 120px; } section.noticias1A article.sin-foto .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 260px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias1A article.sin-foto .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias1A article.sin-foto:first-child .capa-iconos {top: 120px; } section.noticias1A article.sin-foto .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 260px; left: 10px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.noticias1A article.sin-foto .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.noticias1A article.sin-foto:first-child .capa-iconos-audio {top: 120px; } /* NOTICIAS 1B */ section.noticias1B article {float: left; width: 13.66%; height: 400px; background-color: #ECEFF1; margin-left: 3.60%; position: relative; overflow: hidden;} section.noticias1B article:first-child {background-color: white; width: 65.48%; margin-left: 0} section.noticias1B article .mascara-imagen {height: 170px; overflow: hidden; } section.noticias1B article .mascara-imagen {max-height: 170px; overflow: hidden; } section.noticias1B article:first-child .mascara-imagen {max-height: 240px; overflow: hidden; } section.noticias1B article .mascara-imagen img {width: auto; height: 100%;} section.noticias1B article:first-child .mascara-imagen img {width: 100%; height: auto;} section.noticias1B article h3 {position: absolute; top: 93px; font-family: Roboto, Arial; font-size: 14px; color: white; background-color: #b71c1c; padding: 2px 10px 2px 10px; display: inline;} section.noticias1B article:first-child h3 {position: absolute; top: 219px;} section.noticias1B article .mascara-texto {position: relative; top: 0px;} section.noticias1B article h2 {font-family: Roboto; padding: 5px; padding-top: 20px; font-size: 18px;} section.noticias1B article:first-child h2 {font-family: Roboto; padding: 5px; font-size: 35px;} section.noticias1B article p {font-family: Roboto; font-size: 15px; padding: 0 5px 0 5px;} section.noticias1B article.sin-foto {} section.noticias1B article.sin-foto h3 {position: relative; top: 0px;} section.noticias1B article.sin-foto h2 {padding: 12px 12px 0px 12px; font-size: 22px; font-family: Roboto;} section.noticias1B article.sin-foto p { padding: 12px 12px 0px 12px;} section.noticias1B article.sin-foto-destacado {background-color: #EEEEEE;} section.noticias1B article.sin-foto-destacado h3 {position: relative; top: 0px;} section.noticias1B article.sin-foto-destacado h2 {padding: 12px 12px 0px 12px; font-size: 38px;} section.noticias1B article.sin-foto-destacado p { padding: 12px 12px 0px 12px; font-size: 16px;} section.noticias1B article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias1B article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias1B article:first-child .capa-iconos {top: 120px; } section.noticias1B article .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.noticias1B article .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.noticias1B article:first-child .capa-iconos-audio {top: 120px; } section.noticias1B article.sin-foto .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 260px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias1B article.sin-foto .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias1B article.sin-foto:first-child .capa-iconos {top: 120px; } section.noticias1B article.sin-foto .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 260px; left: 10px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.noticias1B article.sin-foto .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.noticias1B article.sin-foto:first-child .capa-iconos-audio {top: 120px; } /** NOTICIAS2A */ #noticias2A-bloque1 {width: 650px; height: 350px; float: left;} #noticias2A-bloque2 {width: 650px; height: 100px; margin-top: 20px; float: left;} #noticias2A-bloque3 {width: 300px; height: 470px; float: right;} section.noticias2A article{width: 370px; height: 350px; overflow: hidden; position: relative; float: left; } section.noticias2A article.sin-foto {background-color: #EEEEEE;} section.noticias2A article.sin-foto h3 {font-family: Roboto; font-size: 14px; color: white; background-color: #b71c1c; padding: 4px 10px 2px 10px; display: inline;} section.noticias2A article.sin-foto h2 {font-size: 35px; padding: 15px; font-family: Roboto;} section.noticias2A article.sin-foto p {color: black; font-size: 16px; padding: 15px;} section.noticias2A article.sin-foto .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 0px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias2A article.sin-foto .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias2A article.con-foto .mascara-texto {min-height: 230px; position: absolute; top: 235px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+4,0.65+36,0.65+62 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.65) 36%, rgba(0,0,0,0.65) 62%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } section.noticias2A article.con-foto .mascara-texto h2 {padding: 2px 15px 2px 15px; font-size: 25px; font-family: Roboto; text-shadow: 2px 2px black;} section.noticias2A article.con-foto .mascara-texto p {padding: 0 15px 2px 15px; color: white; font-size: 13px;} section.noticias2A article.con-foto .mascara-texto h2 {color: white; } section.noticias2A article.con-foto a:hover .mascara-texto h2 {color: #b71c1c; } section.noticias2A article.con-foto .mascara-texto h2 {color: white; } section.noticias2A article.con-foto .mascara-texto h2 {color: white; } section.noticias2A article.con-foto .mascara-texto h3 {padding: 1px 12px 1px 12px; color: white; background-color: #b71c1c; display: inline; font-family: Roboto; font-size: 13px;} section.noticias2A article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 60px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias2A article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} section.noticias2A article:first-child .capa-iconos {top: 170px;} section.noticias2A article.con-foto .mascara-imagen {width: 400px; height: 250px; overflow: hidden; } section.noticias2A article.con-foto .mascara-imagen img {width: auto; height: 100%; position: absolute; left: -10%; z-index: -1; } /* NOTICIAS 3 */ section.noticias3 article {float: left; position: relative; width: 30.92%; height: 350px; background-color: #95a5a6; background-color: #EEEEEE; margin-left: 3.60%; overflow: hidden;} section.noticias3 article:first-child {width: 30,92%; margin-left: 0} section.noticias3 article .mascara-imagen {height: 168px; overflow: hidden; } section.noticias3 article .mascara-imagen img {width: 100%; height: auto;} section.noticias3 article h3 { font-family: Roboto; font-size: 14px; position: absolute; top: 147px; color: white; background-color: #b71c1c; padding: 2px 10px 2px 10px; display: inline;} section.noticias3 article h2 {font-family: Roboto; padding: 5px;} section.noticias3 article p {font-family: Roboto; font-size: 14px; padding: 0 5px 0 5px;} section.noticias3 article.sin-foto h2 {font-size: 30px; padding: 15px 15px 5px 15px;} section.noticias3 article.sin-foto p {padding: 5px 15px 0 15px;} section.noticias3 article.sin-foto h3{position: relative; top: 0px;} section.noticias3 article .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 75px; left: 10px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} section.noticias3 article .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png);} section.noticias3 article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 75px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias3 article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} /* NOTICIAS 5 */ section.noticias5 article {float: left; position: relative; width: 65.44%; height: 440px; overflow: hidden; } section.noticias5 article .mascara-imagen {height: 300px; witdh: 100%; overflow: hidden; } section.noticias5 article .mascara-imagen img {width: 100%; height: auto;} section.noticias5 article h2 {font-family: Roboto; padding: 5px; font-size: 35px;} section.noticias5 article h3 { font-family: Roboto; font-size: 14px; position: absolute; top: 280px; color: white; background-color: #b71c1c; padding: 2px 10px 2px 10px; display: inline;} section.noticias5 article.sin-foto {background-color: #EEEEEE;} section.noticias5 article.sin-foto h3 {font-family: Roboto; font-size: 14px; color: white; background-color: #b71c1c; padding: 4px 10px 2px 10px; display: inline; position: relative; top: 0px;} section.noticias5 article.sin-foto h2 {font-size: 60px; padding: 25px; font-family: Roboto;} section.noticias5 article.sin-foto p {color: black; font-size: 20px; padding: 25px;} section.noticias5 article.sin-foto .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 0px; left: 10px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} section.noticias5 article.sin-foto .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} /* NOTICIAS 6 INSTAGRAM */ #contenedor-instagram {float: right; width: 65.44%; height: 600px; } #contenedor-instagram h2 {font-family: Roboto; font-size: 50px;} #contenedor-instagram h3 {font-family: Roboto; font-size: 25px; font-style: italic;} #contenedor-instagram .mascara-fotos {height: auto; width: 100%; overflow: hidden;} #contenedor-instagram img {height: auto; width: 100%;} /* NOTICIAS TEMATICAS */ section.noticias-tematicas1 {width: 100%; height: 300px; background-color: #2cc36b; } section.noticias-tematicas1 h3.cintillo {color: white; font-family: Roboto; font-size: 20px; padding: 10px 5px 10px 20px;} section.noticias-tematicas2 {width: 100%; height: 300px; background-color: #FDD835; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} section.noticias-tematicas2 h3.cintillo {color: black; font-family: Roboto; font-size: 20px; padding: 10px 5px 10px 20px;} section.noticias-tematicas3 {width: 100%; height: 300px; background-color: #d50000; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} section.noticias-tematicas3 h3.cintillo {color: white; font-family: Roboto; font-size: 20px; padding: 10px 5px 10px 20px;} section.noticias-tematicas article {margin-left: 30px; width: 18%; float: left;} section.noticias-tematicas article:nth-child(2) {width: 30.96%; margin-left: 3%;} section.noticias-tematicas article .mascara-imagen {max-width: 350px; height: 90px; overflow: hidden;} section.noticias-tematicas article:nth-child(2) .mascara-imagen {height: 150px; } section.noticias-tematicas article .mascara-imagen img {width: 100%; height: auto;} section.noticias-tematicas2 article a:hover h2 {color: white; } section.noticias-tematicas2 article h2 {font-family: Roboto; font-size: 20px; color: black;} section.noticias-tematicas2 article h3 {font-family: Roboto; font-size: 12px; display: inline-block; padding: 1px 5px 1px 5px; color: #E9D460; background-color: black;} section.noticias-tematicas3 article a:hover h2 {color: black; } section.noticias-tematicas3 article h2 {font-family: Roboto; font-size: 20px; color: #fff;} section.noticias-tematicas3 article h3 {font-family: Roboto; font-size: 12px; display: inline-block; padding: 1px 5px 1px 5px; color: red; background-color: white;} /* SINGLE */ #single-izquierda {width: 66%; min-height: 800px; float: left;} #single-izquierda:after {display: block; content:""; clear: both;} #single-derecha {width: 30.94%; min-height: 800px; margin-left: 3.06%; float: left;} #single-derecha:after {display: block; content:""; clear: both;} #single-izquierda article .mascara-imagen {width: 100%; height: 360px; overflow: hidden; position: relative} #single-izquierda article .mascara-imagen img {width: 100%; height: auto; } #single-izquierda .mascara-sombra {width: 100%; height: 50px; position: absolute; top: 310px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #single-izquierda article .cintillo-ahora {float: left; min-height: 70px; background-color: #b71c1c; width: 100%; } #single-izquierda article .cintillo-ahora h3 {font-family: Tahoma, arial, sans-serif; padding: 15px; font-size: 50px; color: white; text-align: center;} #single-izquierda .mascara-titulo {background-color: white; width: 90%; position: relative; left: 30px; top: -30px;} #single-izquierda .mascara-titulo h2 {font-size: 40px; font-family: Roboto; padding: 10px; text-align: center;} #single-izquierda .mascara-titulo .copete-single p {display: inline; color: gray; font-style: italic; padding-right: 10px; text-align: center;} #single-izquierda .mascara-titulo .copete-single:after {display: block; content:""; clear: both;} #single-izquierda .mascara-contenido {border-top: 1px solid silver;} #single-izquierda .mascara-contenido p {font-size: 20px; line-height: 27px; padding-top: 20px;} #single-izquierda .mascara-contenido p::first-letter {font-size: 25px; } #single-izquierda .mascara-contenido p:first-child:first-letter {font-size: 45px; font-weight: bold; } #single-izquierda .mascara-contenido p img {width: 100%; height: auto;} #single-izquierda .mascara-contenido .wp-caption {width: 660px; height: auto; max-width: 100% !important; width: auto !important;} #single-izquierda .mascara-contenido .wp-caption img {width: 100%; height: auto; margin-top: 20px;} #single-izquierda .mascara-contenido p.wp-caption-text {padding: 1px 10px 1px 10px; color: black; background-color: silver; position: relative; top: -37px; font-size: 13px; opacity: 0.80;} .wp-block-image img {width: 100%; height: auto;} #single-izquierda #contendor-facebook {width: 660px; height: auto; margin-top: 30px;} #single-izquierda .mascara-titulo .copete-single .sharedaddy {margin-top: 20px; float: right;} #single-izquierda .mascara-titulo .copete-single h3.sd-title {display: none} #single-izquierda .mascara-titulo .copete-single .fecha-publicacion {text-transform: lowercase; float: left; color: gray; padding: 25px 0 0 0} #single-izquierda .mascara-titulo .copete-single .fecha-publicacion::first-letter {text-transform: uppercase} #single-izquierda article a {color: red; text-decoration: underline;} /* PAGINAS */ #single-izquierda.paginas .mascara-contenido p:first-child:first-letter {font-size: 25px; font-weight: normal; } /* WIDGETS */ li.widget_top-posts {list-style-type: none;} .widgettitle {margin-bottom: 30px;} li.widget_text {list-style-type: none; margin-top: 30px; } li.widget_chpcs_widget {list-style-type: none; margin-top: 30px; } /* CATEGORIAS */ #categorias-izquierda {width: 66%; min-height: 800px; float: left;} #categorias-derecha {width: 30.9%; min-height: 800px; margin-left: 3.1%; float: left;} h2.titulo-categorias {font-size: 50px; font-weight: lighter; border-bottom: 1px solid gray;} #categorias-izquierda article {background: #ECEFF1; border-bottom: 30px solid white; height: 180px; overflow: hidden; position: relative;} #categorias-izquierda h3 {color: red; font-size: 14px;} #categorias-izquierda p {font-size: 14px;} .texto-categorias-con-foto {float: left; width: 42%; height: 180px; overflow: hidden; padding: 15px;} .foto-categorias {float: right; width: 50%; height: 180px; overflow: hidden; } .foto-categorias .capa-iconos .foto-categorias .mascara-imagen {height: 120px overflow: hidden; } .foto-categorias .mascara-imagen img {width: 100%; height: auto;} .texto-categorias-sin-foto {width: 80%; height: 150px; overflow: hidden; padding: 15px;} #categorias-izquierda article .capa-iconos {height: 60px; width: 30%; color: white; position: absolute; top: 90px; left: 400px; background-image: url(graficos/play_video_50x50.png); background-repeat: no-repeat;} #categorias-izquierda article .capa-iconos:hover {background-image: url(graficos/play_video_50x50_rojo.png);} #categorias-izquierda article .capa-iconos-audio {height: 60px; width: 30%; color: white; position: absolute; top: 90px; left: 400px; background-image: url(graficos/play_audio_50x50.png); background-repeat: no-repeat;} #categorias-izquierda article .capa-iconos-audio:hover {background-image: url(graficos/play_audio_50x50_rojo.png } /* ARCHIVO */ #archivo-izquierda {width: 66%} #archivo-izquierda article {height: 100px; background: red;} /* NEWS TICKER */ .ticker-news {border-radius: 0px;} .ticker-news span {font-size: 25px;} /* MEDIA QUERYS*/ /* RESPONSIVE TABLE 970px = 100% 635px = 65,48% 400px = 41,23% 350px = 36,06% 300px = 30,92% 250px = 25,77% 35px = 3,60% 25px = 2,57% 10px = 1,03% */