﻿@charset "utf-8";

/* CSS RESET
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
	{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
	{display: block;}
body 	{line-height: 1;}
ol, ul	{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after
	{content: ''; content: none;}
table	{border-collapse: collapse; border-spacing: 0;}
/* FIN CSS RESET */


html, body				{height: 100%;	padding: 0; margin: 0;}
body * 					{font-family: Arial, sans-serif; font-size: 1em;}

.oculto					{display: none;}

#carrusel_noticias 			{width: 100%; height: 100%; position: relative;}
.caroufredsel_wrapper			{width: 100% !important; height: 100% !important;}
.noticias > .laNoticia			{width: 100%; height: 100%; overflow: hidden; float: left;}
/*.noticias > .laNoticia > img 		{float: left; max-width: 69%; max-height: 400px; width: 100%; height: auto; overflow: hidden;}*/
.noticias > .laNoticia > img 		{float: left; max-width: 69%; max-height: 400px; width: 100%; height: auto; overflow: hidden;object-fit: cover;}

/* Navegación */
.navegador a#noticias_sig,
.navegador a#noticias_ant		{display: block; position: absolute; top: 50%;
					 color: #fff; font-size: 2.5em; font-weight: bold; z-index: 10; text-shadow: 2px 2px 2px #000; text-decoration: none;}
.navegador a#noticias_sig		{left:  3px;}
.navegador a#noticias_sig:hover		{left:  1px; text-decoration: none;}
.navegador a#noticias_ant		{right: 3px;}
.navegador a#noticias_ant:hover		{right: 1px; text-decoration: none;}


.laNoticia 				{position: relative; display: block; float: left;}
.laNoticia > div			{float: left; width: 29%;}
.laNoticia > div > p			{display: none;}
.laNoticia > div > div			{color: #333; padding: 0 10px 10px 15px; font-size: .9em; line-height: 1em;}
.laNoticia .fecha		     	{font-size: .7em;}
.laNoticia .sinopsis			{color: #555;}
.laNoticia .sinopsis a			{color: #555; text-decoration: none;}
.laNoticia .sinopsis:hover a		{color: #154481;text-decoration: underline dotted #15448155;}

.laNoticia .entradilla			{}

/* Marca para noticia de streaming */
.laNoticia a.video			{display: block; position: absolute; width: 185px; height: 80px; top: 10px; left: calc(69% - 195px);
					 padding-top: 30px;
					 color: #fff; text-decoration: none; opacity: .7; font-family: Arial; font-size: 1.5em; font-weight: bold; text-shadow: 2px 2px 3px #000;
					 background: transparent url("../img/ico-play.png") no-repeat scroll right top;}
.laNoticia a.video:hover		{opacity: 1;}
.laNoticia a.video span			{display: block !important;}
.laNoticia a:hover.video		{text-decoration: none;}
/* Fin */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 550px) {
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.laNoticia .fecha		     	{font-size: .8em;}
.laNoticia .sinopsis			{font-size: 1.1em; line-height: 1.25em;}
.laNoticia .entradilla			{font-size: .9em; line-height: 1.25em;}
} 

/* Corte de carrusel a pantalla completa */
@media only screen and (min-width: 1050px) {
	.laNoticia > img 	{float: left; width: 700px; height: auto; max-width: 700px; max-height: 400px; overflow: hidden;}
	.laNoticia > div	{float: left; width: 29%;}
	.laNoticia > div > div	{padding: 5px 10px 10px 35px;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
