/* 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, bilo, 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, button, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
/* 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;
}

div.clear{ height:1px; line-height:1px; font-size:1px; clear:both; float:none; }

/* CHALI - 5/10/2017 */

input
{
	outline: 0 none;
}

a
{
	outline: 0 none;
	text-decoration: none;
	color: #393939;
}

strong
{
	font-weight: 700;
}

img
{
	display: block;
	width: 100%;
}

.shadow
{
	box-shadow: 0px 0px 10px 0px #888888;
	border-radius: 1px;
	overflow: hidden;
}

.fr
{
	float: right;
}

.mb30
{
	margin-bottom: 30px;
}

body
{
	background-color: #fff;
	color:#393939;
	font-family: 'Fira Sans';
}


/* HEADER */

.obj_header .headertop
{
	height: 89px;
    box-sizing: border-box;
    border-bottom: solid 10px #393939;
    font-weight: 400;
    width: calc(100% - 190px);
    float: left;
}

.obj_header .headertop img.logo
{
	float: left;
	width: auto;
	height: 90px
}

.obj_header .headertop .content
{
	height: 84px;
	padding-bottom: 15px;
	box-sizing: border-box;
	float: left;
	width: calc(100% - 229px);
}

.obj_header .headertop section.fecha
{
	display: block;
	float: left;
	height: 60px;
	width: calc(100% - 126px - 126px - 124px);
	box-sizing: border-box;
	padding-left:8%;
	margin-top: 10px;
	border-right: solid 2px #393939;
}

.obj_header .headertop section.fecha h4
{
	font-size:18px;
	line-height:18px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom:5px;
}

.obj_header .headertop section.fecha h5
{
	line-height: 14px;
	font-size:14px;
	text-transform: uppercase;
}






@media(max-width: 1024px){
		
	.obj_header .headertop section.fecha
	{
		display: block;
		float: left;
		height: 60px;
		width: calc(100% - 178px - 226px + 20px);
		box-sizing: border-box;
		padding-left:5%;
		margin-top: 10px;
		border-right: solid 2px #393939;
	}

	.obj_header .headertop section.redes_top
	{
		display: block !important;
	}

	.obj_header .headertop section.redes_top nav
	{
		padding-top: 14px;
	}
	
	.obj_header .headertop section.clima
	{
	    width: 164px !important;
	    background-position: right 13px center !important;
	    background-size: auto 50px !important;
	    padding-left: 14px !important;
	    padding-top: 8px !important;
	    font-size: 22px !important;
	    line-height: 24px !important;
	    text-align: left !important;
    }

    .obj_header .headertop section.clima p
    {
    	display: block !important;
    }

}

.obj_header .headertop section.clima
{
	height: 60px;
	width: 132px;
	text-align: center;
	display: block;
	float: left;
	box-sizing: border-box;
	background: center center no-repeat;
	background-size: auto 60px;  
	margin-top: 10px;
}

.obj_header .headertop section.clima p
{
	display: none;
}

.obj_header .headertop section.temperatura
{
	border-right: solid 2px #393939;
	width: 122px;
	text-align: center;
	display: block;
	float: left;
	height: 60px;
	box-sizing: border-box;
	margin-top: 10px;
}

.obj_header .headertop section.dobleborde
{
	border-left: solid 2px #393939;
}

.obj_header .headertop section.temperatura h4
{
	font-size:14px;
	line-height: 14px;
	padding-bottom: 4px;
}

.obj_header .headertop section.temperatura p
{
	font-size:38px;
	line-height: 36px;
}

.obj_header .headertop section.redes_top
{
	margin-top: 10px;
	float: left;
	height: 60px;
	width: 220px;
	padding: 0 10px;
	box-sizing: border-box;
	display: none;
}


.obj_header .headertopside
{
	height: 79px;
	box-sizing: border-box;
	border-bottom: solid 10px #393939;
	font-weight: 400;
	width: 175px;
	margin-left:15px;
	float: left;
	margin-top:10px;
}

.obj_header .headertopside button
{
	width: 34px;
	background: transparent;
	border:0 none;
	float: left;
	margin-right: 10px;


}

.obj_header .headertopside button p
{
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background-color: #343434;
	line-height: 32px;
	color: #fff;
	font-size: 20px;
}

.obj_header .headertopside input
{
	background: transparent;
	border:0 none;
	border-bottom: solid 1px #bdbcbd;
	float: left;
	width: calc(100% - 44px);
	height: 20px;
	line-height: 20px;
	font-family: 'Rubik';
	font-size: 14px;
	margin-top:5px;
}

.obj_header .headerbottomplace
{

	height: 53px;
}

.obj_header .headerbottom
{
	font-family: 'Rubik';
	width: calc(100% - 190px);
	float: left;
}

.obj_header .headerbottom nav.secciones
{
	margin-top:20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	display: table;
	width: 100%;
}

.obj_header .headerbottom nav.secciones ul
{
	list-style: none;
	display: table-row;
	width: 100%;
}

.obj_header .headerbottom nav.secciones ul li
{
	display: table-cell;
}

.obj_header nav.secciones ul li.politica a{ border-color: #009639; }
.obj_header nav.secciones ul li.internacional a{ border-color: #02ddd5; }
.obj_header nav.secciones ul li.interes-general a{ border-color: #00b4ff; }
.obj_header nav.secciones ul li.espectaculos a{ border-color: #f60689; }
.obj_header nav.secciones ul li.el-clasico a{ border-color: #aad908; }
.obj_header nav.secciones ul li.trama-urbana a{ border-color: #f20000; }
.obj_header nav.secciones ul li.especialeshoy a{ border-color: #59de8b; }
.obj_header nav.secciones ul li.servicios a{ border-color: #009639; }
.obj_header nav.secciones ul li.hoy-en-uruguay a{ border-color: #0038a8; }

.politica span.volanta{ background-color: #009639; }
.internacional span.volanta{ background-color: #02ddd5; }
.interes-general span.volanta{ background-color: #00b4ff; }
.espectaculos span.volanta{ background-color: #f60689; }
.el-clasico span.volanta{ background-color: #aad908; }
.trama-urbana span.volanta{ background-color: #f20000; }
.servicios span.volanta{ background-color: #009639; }
.hoy-en-uruguay span.volanta{ background-color: #0038a8; }

.obj_header .headerbottom nav.secciones a
{
	display: block;
	color: #393939;
	margin-left: 20px;
	border-bottom: solid 6px;
	line-height: 25px;
	transition: color .1s;
}

@media(max-width: 1024px){
	.obj_header .headerbottom nav.secciones a {
		margin-left: 5px;
	}
}

.obj_header .headerbottom nav.secciones a:hover
{
	color:#000;
}

.obj_header .headerbottom nav.secciones li:first-child a
{
	margin-left: 0px;

}


.obj_header .headerbottomside
{
	width: 175px;
	margin-left:15px;
	float: left;
}

.obj_header nav.redes
{
	display: table;
	width: 100%;
	padding-top: 18px;
}

.obj_header nav.redes ul
{
	display: table-row;
	width: 100%;
}

.obj_header nav.redes ul li
{
	display: table-cell;
	text-align: center;
	font-size: 20px;
}

.obj_header nav.redes a.red
{
	font-size: 20px;
	text-align: center;
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background-color: #343434;
	line-height: 34px;
	color: #fff;
}

/*HEADER MOBILE*/
.obj_header .header_mobile .header_mobile_top
{
	height: 70px;
}

.obj_header .header_mobile .header_mobile_top .a_logo
{
	display: block;
	width: calc(100% - 50px - 50px);
	overflow: hidden;
	height: 70px;
	background: url('../../assets/grafica/logo.png?c') center center no-repeat;
	background-size: contain; 
	float: left;
}

.obj_header .header_mobile img.logo
{
    display: block;
    margin: 0 auto;
    height: 70px;
    width: auto;
}

.obj_header .header_mobile .menuleft
{
	font-size: 30px;
	float: left;
	line-height: 70px;
	width: 50px;
	overflow: hidden;
	display: block;
}
.obj_header .header_mobile .menuright
{
	width: 50px;
	font-size: 30px;
	float: left;
	line-height: 70px;
	background: transparent;
	overflow: hidden;
	display: block;

}

.obj_header .header_mobile button.menuright p {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 20px;
    background-color: #343434;
    line-height: 34px;
    color: #fff;
    font-size: 20px;
    margin: 17px 0;
    float: right;
}

.obj_header .header_mobile .header_mobile_menu,
.obj_header .header_mobile .header_mobile_buscador
{
	display: none;
}

.obj_header .header_mobile .header_mobile_buscador form
{
	background-color: #f0f0f0;
    width: 100%;
    margin: 20px 0 0;
    height: 30px;
    border-radius: 3px;
    border: solid 1px #999;
    font: 400 14px/16px 'Fira Sans';
    
}

.obj_header .header_mobile .header_mobile_buscador form input
{
	border: 0 none;
	height: 30px;
	line-height: 30px;
	width: calc(100% - 30px);
	display: inline-block;
	margin: 0;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	background: transparent;
}

.obj_header .header_mobile .header_mobile_buscador form button
{
	height: 30px;
	width: 30px;
	background: transparent;
	border: 0 none;
	text-align: center;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
}

.obj_header .header_mobile .header_mobile_menu nav.secciones ul
{
	margin-top:20px;
	font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.obj_header .header_mobile .header_mobile_menu nav.secciones li
{
	width: 50%;
	float: left;
	padding-bottom:10px;
	/*text-align: center;*/
}

.obj_header .header_mobile .header_mobile_menu nav.secciones li a
{
    display: inline-block;
    margin: 0 auto;
    color: #393939;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    line-height: 25px;
    transition: color .1s;
    padding:0 20px 0 0;
    margin-left: 20px;
}

.obj_header .header_mobile .header_mobile_menu nav.redes
{
	margin-top: 10px;
	padding-top: 0;
}

.obj_header .header_mobile .header_mobile_menu nav.redes
{
	text-align: center;
}

.obj_header .header_mobile .header_mobile_menu nav.redes a
{
	margin: 0 5px;
}

.obj_header nav.redes a.red.fb {
	background-color: #556ed3;
}

.obj_header nav.redes a.red.tw {
	background-color: #55c0d3;
}

.obj_header nav.redes a.red.ig {
	background-color: #e8197f;
}

.obj_header nav.redes a.red.wa {
	background-color: #00bb2d;
}

.obj_header nav.redes a.red.yt {
	background-color: #c4302b;
}

.obj_header nav.redes a.red.r92 {
	background-color: #6d0193;
}


.floatheader{
	position: fixed;
    height: 71px;
    top: 0;
    width: 100%;
    z-index: 100;
    display: none;
    background-color: #fff;
    box-sizing: border-box; 
    left: 50%;
    padding: 0 20px;
    max-width: 1400px;
    transform: translateX(-50%);
}


@media(max-width: 1024px){

	

	.obj_header .headerbottom, .obj_header .headertop
	{
		width: 100%;
	}

}



section.secciondestacados article
{
	width: 49.2%;
	float: left;
	position: relative;
}

section.secciondestacados article.even
{
	margin-right:.8%;
}

section.secciondestacados article.odd
{
	margin-left:.8%;
}


section.secciondestacados article .info {
	position: relative;
}

section.secciondestacados article .info span.volanta
{
	font: 400 16px/26px 'Fira Sans';
	letter-spacing: -.5px;
	color: #fff;
	display: block;
	position: absolute;
	top: -13px;
	left: 15px;
	padding: 0 6px;
	text-transform: uppercase;
}

section.secciondestacados article h2
{
	padding:20px 15px 15px;
	font: 700 34px/36px 'Fira Sans';
}

section.secciondestacados article:hover h2 {
	color: #000000;
}

@media(max-width: 1024px)
{
	section.secciondestacados article
	{
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		float: none !important;
	}

	section.secciondestacados article h2
	{
		font: 700 28px/28px 'Fira Sans';
	    padding: 20px 15px 15px
	}
}




@media(max-width: 580px)
{
	
	section.secciondestacados article h2
	{
		font: 700 22px/24px 'Fira Sans';
	    padding: 20px 15px 10px;
	    text-shadow: 0 none;
	}

}


h1.title,
h3.title
{
	font: 700 40px/50px 'Rubik';
	text-transform: uppercase;
    border-bottom: solid 6px #c9c9c9;
    height: 50px;
    margin-bottom:25px;
    letter-spacing: -1px;
}

h1.title span,
h3.title span
{
	display: block;
	float: left;
	border-bottom: solid 6px #009639;
}

.politica h3.title span { border-color: #009639; }
.internacional h3.title span { border-color: #02ddd5; }
.interes-general h3.title span { border-color: #00b4ff; }
.espectaculos h3.title span { border-color: #f60689; }
.el-clasico h3.title span { border-color: #aad908; }
.trama-urbana h3.title span { border-color: #f20000; }
.servicios h3.title span { border-color: #009639; }
.hoy-en-uruguay h3.title span { border-color: #0038a8; }



@media(max-width: 580px)
{

	h3.title
	{
		font-size: 26px;
		line-height: 36px;
		height: 36px;
	}

	body.nota h3.title
	{
		font-size: 20px;
	    line-height: 36px;
	    height: 36px;
	}

}


/* SECCIONLISTADOHOME */

section.seccionlistadohome article
{
	border-bottom: solid 6px;
	position: relative;
}

section.seccionlistadohome article div.video { 
	height:0px;
	width:100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-bottom: 57.96%;
}

section.seccionlistadohome article div.video iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 }

section.seccionlistadohome article a
{
	display: block;
}

section.seccionlistadohome article.politica{ border-color: #009639; }
section.seccionlistadohome article.internacional{ border-color: #02ddd5; }
section.seccionlistadohome article.interes-general{ border-color: #00b4ff; }
section.seccionlistadohome article.espectaculos{ border-color: #f60689; }
section.seccionlistadohome article.el-clasico{ border-color: #aad908; }
section.seccionlistadohome article.trama-urbana{ border-color: #f20000; }
section.seccionlistadohome article.servicios{ border-color: #009639; }
section.seccionlistadohome article.hoy-en-uruguay{ border-color: #0038a8; }


section.seccionlistadohome article
{
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 2%;
}

@media(min-width: 1025px){

	section.seccionlistadohome article:nth-child(3n+1)
	{
		margin-left:0px;
	}

}

@media(max-width: 1024px){
	
	section.seccionlistadohome article
	{
		float: left;
		width: 49%;
		margin-left: 2%;
	}

	section.seccionlistadohome article:nth-child(odd)
	{
		margin-left:0px;
	}

}



section.seccionlistadohome article:hover h2
{
	color: #000;
}

section.seccionlistadohome article .info {
	position: relative;
}

section.seccionlistadohome article .info span.volanta
{
	font: 400 16px/26px 'Fira Sans';
	letter-spacing: -.5px;
	color: #fff;
	display: block;
	position: absolute;
	top: -13px;
	left: 15px;
	padding: 0 6px;
	text-transform: uppercase;
}

section.seccionlistadohome article .info h2
{
	font: 700 24px/28px 'Fira Sans';
	padding: 20px 15px 15px;
}

section.seccionlistadohome article .info p
{
	font: 400 15px/18px 'Fira Sans';
	padding: 0 15px 15px;
	color: #808080;
}

@media(max-width: 1024px)
{
	section.seccionlistadohome article .info h2
	{
		font: 700 18px/22px 'Fira Sans';
	}

	section.seccionlistadohome article .info p
	{
		font: 400 14px/17px 'Fira Sans';
	}
}



@media(max-width: 580px)
{

	section.seccionlistadohome article
	{
		width: 100% !important;
		float: none !important;
		margin:0 0 20px 0;
	}
	
    section.seccionlistadohome article h2
	{
		font: 700 22px/24px 'Fira Sans' !important;
		padding: 20px 15px 10px !important;
	}

	section.seccionlistadohome article p
	{
		font: 400 14px/16px 'Fira Sans' !important;
	}

    section.seccionlistadohome article span.volanta
    {
    	font: 400 14px/26px 'Fira Sans';
    }

	
}

/* SECCIONDESTACADOHOME */

section.secciondestacadohome article.left
{
	border-bottom: solid 6px;
}

section.secciondestacadohome article.left h2
{
	font: 700 31px/35px 'Fira Sans';
	padding:20px;
}

section.secciondestacadohome article.right
{
	background-color: #393939;
	border-bottom: solid 6px;
}

section.secciondestacadohome article.right a
{
	color: #fff;
}

section.secciondestacadohome article.right h2
{
	font: 700 28px/33px 'Fira Sans';
	text-align: center;
	padding:20px;
}

section.secciondestacadohome article img
{
	display: block;
	width: 100%;
}



/* ENCUESTA */

section.encuesta{ margin-bottom:15px; }
section.encuesta h2{ font: 700 24px/28px 'Fira Sans';  }
section.encuesta .resultados{ display:none; }
section.encuesta ul.opciones
{ 
	padding:20px 0; 
	font-size: 14px; 
	line-height: 16px; 
}

section.encuesta ul.opciones li{ padding: 6px 0; }
section.encuesta .vota{ text-align:center; padding:20px 0 0; color:#800;} 
section.encuesta .cerrar{ text-align:center; } 


section.encuesta .botones
{ 
	font: 400 16px/20px 'Fira Sans';  
}

section.encuesta .fr
{
	font: 400 12px/20px 'Fira Sans';  
	padding: 10px 0;
}


section.encuesta button.vot
{
	background-color: #009639;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
}

section.encuesta ul.opciones2 li{ padding: 10px 0; }




/* SECCIONESPECIALHOME */

.region_1 section.seccionespecialhome
{
	padding: 20px 0 0;
	/*background: transparent url(../grafica/bg/bg-congreso.jpg) center top no-repeat;*/
	/*background-size: cover;*/
}

section.seccionespecialhome
{
	padding:20px;
	background-size: cover !important;
}

section.seccionespecialhome .content
{
	max-width: 1360px;
    margin: 0 auto;
}

section.seccionespecialhome .col
{
	width: 286px;
	float: left;
	margin-left: 1%;
	margin-top: 0px;
}

section.seccionespecialhome article
{
	position: relative;
}

section.seccionespecialhome article img.video_tag
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 70px;
	height: 70px;
}

section.seccionespecialhome .col article img.video_tag
{
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
}

section.seccionespecialhome .col article:first-child img.video_tag
{
	top: 20px;
	left: 20px;
	width: 40px;
	height: 40px;
}

section.seccionespecialhome article.left
{
	float: left;
	width: calc(100% - 286px - 286px - 2%);
	height: 474px;
	position: relative;
}

section.seccionespecialhome article.left > a
{
	position: relative;
}


section.seccionespecialhome article.left .imgbox
{

	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	transition: all ease-in-out .2s;
}

section.seccionespecialhome article.left:hover .imgbox
{
	transform: scale(1.1);
}

section.seccionespecialhome article.left:hover h2
{
	color: #000;
}	


 /* MAPA DE PROVINCIA - SECCIONES ELECTORALES */

section.seccionespecialhome article.left .mapbox {

	width: 320px;
	height: 446px;
	margin:0 auto;
	margin-top: 15px;
	position: relative;
}


section.seccionespecialhome article.left .mapbox img {
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	

}

section.seccionespecialhome article.left .mapbox img.sec {

	opacity: 0;
	
	}



@media(max-width: 980px)
{
	/* EN CAJAS DE SECCION DE LA HOME, PASO A TENER UNA GRANDE Y SOLO UNA COLUMNA AL COSTADO */
	section.seccionespecialhome article.left
	{
		width: calc(100% - 286px - 1%) !important;
	}
}

@media(max-width: 680px)
{

	/* EL GRANDE DE LA IZQUIERDA YA NO FLOTA MAS */

	section.seccionespecialhome article.left
	{
		width: 100% !important;
		float: none !important;
		height: auto !important;
	}

	section.seccionespecialhome article.left > a
	{
		height: auto !important;
	}
	
	section.seccionespecialhome article.left .imgbox
	{
		padding-bottom: 58% !important;
	}

	section.seccionespecialhome article.left h2
	{
		position: relative !important;
	}

	section.seccionespecialhome article.left h2.h2_outter
	{
		display: block;
	}

	section.seccionespecialhome .col
	{
		display: block !important;
		width: 49% !important;
		margin:0 !important;
		margin-top: 15px !important;
	}

	section.seccionespecialhome .lista .cols div.col:first-child
	{
		margin-right: 2% !important;
	}

	section.seccionespecialhome .lista .cols article
	{
		margin-top: 15px !important;
	}

}

@media(max-width: 680px) and (min-width: 581px) 
{

	


	/* A ESTE ANCHO LA BIG TIENE QUE SER COMO LA SMALL */
	section.seccionespecialhome .col article:first-child
	{
		height: 78px !important;
	}

	section.seccionespecialhome .col article:first-child .imgbox
	{
		height: 78px !important;
		width: 106px !important;	
		background-size: cover !important;
	    background-position: center center !important;
	    float: left !important;
	}

	section.seccionespecialhome .col article:first-child h2
	{
		font-size: 14px !important;
	    line-height: 16px !important;
	    padding: 10px !important;
	    font-weight: 700 !important;
	    margin-left: 106px !important;
	}

	section.seccionespecialhome .col article span.volanta
	{
		display: none !important;
	}

}

@media(max-width: 580px) and (min-width: 481px)
{

	

	section.seccionespecialhome .col article
	{
		height: 278px !important;
	}


	section.seccionespecialhome .col article .imgbox
	{
		height: 165px !important;
		width: 100% !important;
		float: none !important;
	}

	section.seccionespecialhome .col article h2
	{
		margin-left: 0 !important;
		font-size: 20px !important;
	    line-height: 24px !important;
	    font-weight: 700 !important;
	    padding: 20px !important;
	}

}

@media(max-width: 480px)
{
	

	section.seccionespecialhome article.left h2
	{
		font-size: 20px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		padding:20px !important;
		
	}

	section.seccionespecialhome article.left .imgbox
	{
		position: relative !important;
	}




	section.seccionespecialhome .col
	{
		width: 100% !important;
		float: none !important;
	}

	/* A ESTE ANCHO LA BIG TIENE QUE SER COMO LA SMALL */
	section.seccionespecialhome .col article:first-child
	{
		height: 78px !important;
	}

	section.seccionespecialhome .col article:first-child .imgbox
	{
		height: 78px !important;
		width: 106px !important;	
		background-size: cover !important;
	    background-position: center center !important;
	    float: left !important;
	}

	section.seccionespecialhome .cols article:first-child h2
	{
	    font-size: 14px !important;
	    line-height: 16px !important;
	    padding: 10px !important;
	    font-weight: 700 !important;
	    margin-left: 106px !important;
	}

	section.seccionespecialhome .cols article:first-child span.volanta,
	section.seccionespecialhome .cols article span.volanta
	{
		display: none !important;
	}
}


section.seccionespecialhome article.left > a
{
	display: block;
	height: 474px;
}

section.seccionespecialhome article.left h2
{
	font: 700 31px/35px 'Fira Sans';
	padding:20px;
	position: absolute;
	bottom: 0px;
	background: #fff;
}


section.seccionespecialhome .col article:first-child
{
	margin-top: 0px;
	height: 278px;
}




section.seccionespecialhome .cols article
{
	height: 78px;
}

section.seccionespecialhome .cols article .imgbox
{
	height: 78px;
	width: 106px;	
	background-size: auto 100%;
    background-position: center center;
    float: left;
    transition: all ease-in-out .2s;
}

section.seccionespecialhome .cols article:hover .imgbox
{
	background-size: auto 105%;
}

section.seccionespecialhome .cols article:hover h2
{
	color: #000;
}

section.seccionespecialhome .col article:first-child .imgbox
{
	height: 165px;
	background-size: auto 100%;
	width: 100%;
	float: none;
}

section.seccionespecialhome .col article:first-child:hover .imgbox
{
	background-size: auto 105%;
}

section.seccionespecialhome .col article:first-child:hover h2
{
	color: #000;
}


section.seccionespecialhome.el-clasico
{
	background: transparent url(../grafica/bg-elclasico.jpg) center center no-repeat;
}

section.seccionespecialhome.trama-urbana
{
	background: transparent url(../grafica/bg-tramaurbana.jpg) center center no-repeat;
}

section.seccionespecialhome.tokio-2021 {
	background: transparent url(../grafica/bg-tokio2021.jpg) center center no-repeat;	
}


section.seccionespecialhome.el-clasico h3.title,
section.seccionespecialhome.trama-urbana h3.title,
section.seccionespecialhome.tokio-2021 h3.title
{
	border-color: #393939;
}

section.seccionespecialhome.el-clasico h3.title span,
section.seccionespecialhome.trama-urbana h3.title span,
section.seccionespecialhome.tokio-2021 h3.title span
{
	color: #fff;
	border-color: #fff;
}

section.seccionespecialhome.el-clasico article.left,
section.seccionespecialhome.trama-urbana article.left,
section.seccionespecialhome.tokio-2021 article.left
{
	background-color: #fff;
}



section.seccionespecialhome.el-clasico article:first-child,
section.seccionespecialhome.trama-urbana article:first-child,
section.seccionespecialhome.tokio-2021 article:first-child
{
	background-color: #fff;
}

section.seccionespecialhome .cols article:first-child h2
{
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	padding:20px;
	margin-left: 0;
}

section.seccionespecialhome article:first-child .imgbox
{
	position: relative;
}

section.seccionespecialhome article:first-child span.volanta
{
	font: 400 16px/26px 'Fira Sans';
	letter-spacing: -.5px;
	color: #fff;
	display: block;
	position: absolute;
	bottom: -13px;
	left: 15px;
	padding: 0 6px;
	text-transform: uppercase;
}

section.seccionespecialhome.el-clasico article span.volanta
{
	background-color: #aad908;
}

section.seccionespecialhome.trama-urbana article span.volanta
{
	background-color: #f20000;
}

section.seccionespecialhome.tokio-2021 article span.volanta
{
	background-color: #005da7;
}

section.seccionespecialhome .cols article
{

	margin-top: 20px;
}

section.seccionespecialhome.el-clasico .cols article,
section.seccionespecialhome.trama-urbana .cols article,
section.seccionespecialhome.tokio-2021 .cols article
{
	background-color: #fff;
}





section.seccionespecialhome .cols article h2
{
	font-size: 14px;
	line-height: 16px;
	padding: 10px 20px;
	font-weight: 700;
	margin-left: 94px;
}




section.seccionespecialhome article h2
{
	font: 700 31px/35px 'Fira Sans';
	padding:20px;
}

section.seccionespecialhome article .imgbox
{
	position: relative;
}

section.seccionespecialhome article span.volanta
{
	display: none;
}

section.seccionespecialhome article.left span.volanta
{
	top: -13px;
	bottom: auto;
}

section.seccionespecialhome.espectaculos article span.volanta
{
	background-color: #f60689;
}



/*OPINION*/

body.nota .aside1 .content,
body.seccion .aside1 .content
{
	padding: 0px;
}

.aside1 .content
{
	padding: 15px;
}

.aside1 .content h3.title
{
	font: 700 20px/25px 'Rubik';
	height: 25px;
}

section.seccionopinion
{
	font: 700 18px/22px 'Fira Sans';
	text-align: center;
}

section.seccionopinion article
{
	margin-bottom: 20px;
}

section.seccionopinion h3
{

}

section.seccionopinion .face
{
	display: block;
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto; 
	background: transparent center top -20px no-repeat;
	background-size: cover;
	border-radius:50%;
	
}

section.seccionopinion img
{
	
}

section.seccionopinion .face h4
{
	border-top: solid 3px #009639;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background-color: #fff; 
	line-height: 30px;
	text-transform: uppercase;
}

section.seccionopinion h4
{
	color: #000;
}

section.seccionopinion a.copete
{
	color:#999999;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin: 0 auto;
	width: 80%;
	display: block;
}


footer
{
	font-size: 12px;
	line-height: 16px;
}

footer .col1
{
	width: 350px;
	float: left;
}

footer .col2
{
	width: calc(100% - 350px);
	float: left;
}

footer .buscador
{
	
	height: 77px;
	margin-bottom: 30px;
}

footer .buscador .content
{
	border-bottom: solid 8px #393939;
    height: 70px;
    box-sizing: border-box;
}

footer .buscador img.logo_footer
{
	display: inline-block;
	height: 70px;
	float: left;
	width: auto;
}

footer address
{
	margin-bottom: 10px;
}

footer .derechos
{
	font-size: 14px;
	text-align: center;
	padding:50px 20px 0px;
}

footer .contenido
{
	font-size: 14px;
	line-height: 22px;
}

footer .contenido h4
{
	height: 26px;
	border-bottom: solid 4px #c9c9c9;
    margin-bottom:20px;
    line-height: 26px;
	font-size: 18px;
	font-weight: 700;
}


footer .contenido > div
{
	float: left;
	width: 30%;
}

footer .contenido .secciones
{
	width: 70%;
}


footer .contenido a
{
	display: block;
}

footer .contenido a.left
{
	width: 40%;
	float: left;
}



@media(max-width: 1024px)
{

	footer .contenido .secciones
	{
		width: 100%;
	}

	footer .contenido .secciones a.left
	{
		width: 50% !important;
	}

	footer .contenido .redessociales
	{
		width: 30%;
	}

	footer .comercial
	{
		float: none;
		clear: both;
		width: 100% !important;
		margin-top: 30px;
	}

}

@media(max-width: 768px)
{
	footer .contenido .secciones
	{
		width: 100%;
	}

	footer .contenido .redessociales
	{
		margin-top: 30px;
		width: 100%;
	}
}

@media(max-width: 414px)
{
	footer .col1
	{
		width: 100% !important;
		float: none !important;
	}

	footer .col2
	{
		margin-top: 30px;
		width: 100% !important;
		float: none !important;
	}
}



footer .cajita
{
	width: calc(100% - 50px - 158px);
	float: right;
	margin-top:10px;
}

footer .cajita button
{
	width: 34px;
	background: transparent;
	border:0 none;
	float: left;
	margin-right: 10px;


}

footer .cajita button p
{
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background-color: #343434;
	line-height: 32px;
	color: #fff;
	font-size: 20px;
}

footer .cajita input
{
	background: transparent;
	border:0 none;
	border-bottom: solid 1px #bdbcbd;
	float: left;
	width: calc(100% - 44px);
	height: 20px;
	line-height: 20px;
	font-family: 'Rubik';
	font-size: 14px;
	margin-top:5px;
}




/* SECCIONLISTADO2Y1 */

section.seccionlistado2y1 {
	margin-bottom: 30px;
}

section.seccionlistado2y1 article
{
	position: relative;
}

section.seccionlistado2y1 article img.video_tag
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 70px;
	height: 70px;
}

section.seccionlistado2y1 article .imgbox
{
	
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	transition: all ease-in-out .2s;
}

section.seccionlistado2y1 article:hover .imgbox
{
	transform: scale(1.1);
}

section.seccionlistado2y1 article:hover h2
{
	color: #000;
}

section.seccionlistado2y1 article .imgbox .content
{

}


section.seccionlistado2y1 article:first-child
{
	float: left;
	width: calc(100% - 286px - 1.6%);
	height: 474px;
	
}


section.seccionlistado2y1 article:first-child > a
{
	display: block;
	height: 474px;
}

section.seccionlistado2y1 article:first-child h2
{
	font: 700 31px/35px 'Fira Sans';
	padding:20px;
	position: absolute;
	bottom: 0px;
	background: #fff;
}

section.seccionlistado2y1 article:last-child
{
	width: 286px;
	float: left;
	margin-left: 1.6%;
	margin-top: 0px;
}


section.seccionlistado2y1 article:last-child h2
{
	font: 700 24px/26px 'Fira Sans';
	padding:20px;
	position: absolute;
	bottom: 0px;
	background: #393939;
	color: #fff;
	min-height: 118px;
}

section.seccionlistado2y1 article .imgbox
{
	position: relative;
}

section.seccionlistado2y1 article span.volanta
{
	z-index: 2;
	font: 400 16px/26px 'Fira Sans';
	letter-spacing: -.5px;
	color: #fff;
	display: block;
	position: absolute;
	bottom: -13px;
	left: 20px;
	padding: 0 6px;
	text-transform: uppercase;
}

section.seccionlistado2y1 article:first-child.politica span.volanta
{

}

section.seccionlistado2y1 article span.volanta
{
	top: -13px;
	bottom: auto;
}

section.seccionlistado2y1 article:last-child
{
	height: 474px;
}


section.seccionlistado2y1 article:last-child > a
{
	display: block;
	height: 474px;
}


@media(max-width: 980px)
{
	/* EN CAJAS DE SECCION DE LA HOME, PASO A TENER UNA GRANDE Y SOLO UNA COLUMNA AL COSTADO */
	section.seccionlistado2y1 article
	{
		width: 49.2% !important;
		height: auto !important;

	}

	section.seccionlistado2y1 article a
	{
		height: auto !important;
	}

	section.seccionlistado2y1 article h2
	{
		position: relative !important;
		font: 700 24px/26px 'Fira Sans' !important;
	}
	
	section.seccionlistado2y1 article .imgbox
	{
		padding-bottom: 58% !important;
	    background-position: center center !important;
	    background-size: cover !important;
	}

	section.seccionlistado2y1 article h2.h2_outter
	{
		display: block;
	}
}


@media(max-width: 580px)
{
	section.seccionlistado2y1 article h2
	{
		font: 700 22px/24px 'Fira Sans' !important;
		min-height: auto !important;
	}

	section.seccionlistado2y1 article
	{
		width: 100% !important;
		float: none !important;
		margin: 0 0 20px !important;

	}

	section.seccionlistado2y1 article span.volanta
	{
		font: 400 14px/26px 'Fira Sans';
	}
	
}








/* SECCIONESPECIAL2COLUMNAS */

section.seccionespecial2columnas
{
	padding:20px;
}

section.seccionespecial2columnas .content
{
	max-width: 1360px;
	margin:0 auto;
}

section.seccionespecial2columnas article
{
	width: 49.2%;
	float: left;
	position: relative;
}

section.seccionespecial2columnas article img.video_tag
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 70px;
	height: 70px;
}

section.seccionespecial2columnas article:first-child
{
	margin-right: 1.6%;
}

section.seccionespecial2columnas article a
{
	display: block;
}

section.seccionespecial2columnas article .info {
	position: relative;
}

section.seccionespecial2columnas article .info h2
{
	font: 700 31px/35px 'Fira Sans';
	padding:20px;
	background: #fff;
}


section.seccionespecial2columnas article:hover h2
{
	color: #000;
}

section.seccionespecial2columnas article .info {
	position: relative;
}

section.seccionespecial2columnas article .info span.volanta
{
	z-index: 2;
	font: 400 16px/26px 'Fira Sans';
	letter-spacing: -.5px;
	color: #fff;
	display: block;
	position: absolute;
	top: -13px;
	left: 20px;
	padding: 0 6px;
	text-transform: uppercase;
}


section.seccionespecial2columnas article:last-child
{
	height: 474px;
}


section.seccionespecial2columnas article:last-child > a
{
	display: block;
}


@media(max-width: 580px)
{
	section.seccionespecial2columnas article
	{
		margin-bottom:20px;
		width: 100% !important;
		float: none !important;
		height: auto !important;
	}

	section.seccionespecial2columnas article a
	{
		height: auto !important;
	}

	section.seccionespecial2columnas article h2
	{
		font: 700 22px/24px 'Fira Sans';
	}

	section.seccionespecial2columnas article span.volanta
	{
		font: 400 14px/26px 'Fira Sans';
	}
	
}

/******************************************
	INTERIOR DE NOTA
*******************************************/

article.notadetalle
{

}

article.notadetalle h5
{
	text-transform: uppercase;
    font: 200 20px/20px 'Fira Sans';
    margin-bottom: 10px;
    letter-spacing: -.5px;
}

article.notadetalle h1
{
	font: 700 48px/52px 'Fira Sans';
	margin-bottom: 20px;

}

article.notadetalle p.copete
{
	font: 400 22px/24px 'Fira Sans';
	margin-bottom: 20px;
}

article.notadetalle .cols2
{
	padding-top: 30px;
}

article.notadetalle .cols2 aside
{
	width: 280px;
	float: left;
}

article.notadetalle .cols2 aside h2,
article.notadetalle .cols2 aside h4
{
	font: 700  32px/36px 'Rubik';
	text-transform: uppercase;
}

article.notadetalle .cols2 aside .fecha
{
	color: #848484;
	font: 400  16px/24px 'Fira Sans';
	margin-bottom: 60px;
}





article.notadetalle .cols2 aside h4
{
	line-height: 30px;
	vertical-align: top;
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;
}

article.notadetalle .cols2 aside .fa-tags
{
	font-size:34px;
	float: left;
}

article.notadetalle .tags a
{
	font-weight: 200;
	background-color: #a6a6a6;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
}

article.notadetalle .tags_bottom
{
	margin:20px 0;
}




article.notadetalle .cols2 .cuerpo
{
	margin-left: 280px;
	width: calc(100% - 280px);
	font: 400  19px/25px 'Fira Sans';
	

}

article.notadetalle .cols2 .cuerpo p b {
    font-weight: bold;
}

article.notadetalle .cols2 .cuerpo p i,
article.notadetalle .cols2 .cuerpo p em {
	font-style: italic;
}

article.notadetalle .cols2 .cuerpo p a {
	color: #009639;
}

article.notadetalle .cols2 .cuerpo p,
article.notadetalle .cols2 .cuerpo a.a_seguir_leyendo
{
	display: block;
	padding-bottom: 20px;

}

article.notadetalle .cols2 .cuerpo p.largo
{
	display: none;
}

article.notadetalle .cols2 .cuerpo a.a_seguir_leyendo
{
	font-weight: 700;
}

article.notadetalle .cols2 .cuerpo .codigo_embed
{
	padding-bottom: 20px;
}

article.notadetalle .cols2 .cuerpo .codigo_embed iframe
{
	width: 100%;
}

article.notadetalle .cols2 .cuerpo p img {

	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;

}

article.notadetalle .cols2 .cuerpo .twitter-container,
article.notadetalle .cols2 .cuerpo .instagram-container,
article.notadetalle .cols2 .cuerpo .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
	margin-bottom: 20px;
	margin: 0 auto 20px;
	display: block;
	max-width: 500px;
}

/* article.notadetalle .cols2 .cuerpo .twitter-container::after, */
article.notadetalle .cols2 .cuerpo .instagram-container::after,
article.notadetalle .cols2 .cuerpo .video-container::after {
    display: block;
    content: '';
}

/* article.notadetalle .cols2 .cuerpo .twitter-container iframe, */
article.notadetalle .cols2 .cuerpo .instagram-container iframe,
article.notadetalle .cols2 .cuerpo .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
}

article.notadetalle .cols2 .cuerpo .twitter-container iframe {
	width: 100%;
	height: 300px;
}



article.notadetalle .cols2 .cuerpo .video-container::after {
	padding-top: 55%;	
}


article.notadetalle .cols2 .cuerpo .instagram-container::after {
	padding-top: 114%;	
}


/* article.notadetalle .cols2 .cuerpo .twitter-container::after {
	padding-top: 60%;	
} */


article.notadetalle .shares_bottom
{
	text-align: center;
}

article.notadetalle .shares
{
	margin-bottom: 20px;
	display: flow-root;
}

article.notadetalle .shares a.sh
{
	height: 42px;
	width: 42px;
	text-align: center;
    line-height: 46px;
    font-size: 26px;
	color: #fff;
	transition: all ease-in-out .2s;
	margin-left: 10px;
	float: left;
}

article.notadetalle .shares > a:first-child
{
	margin-left: 0px;
}

article.notadetalle .shares div.addthis_inline_share_toolbox
{
	float: left;
	clear:  none !important;
}

article.notadetalle .shares a.sh:hover
{
	transform: translate(0px, -4px)
}

article.notadetalle .shares a.sh.fb
{
	background-color: #3b5a94;
}

article.notadetalle .shares a.sh.tw
{
	background-color: #00a2ec;
}
article.notadetalle .shares a.sh.wa
{
	background-color: #3ac259;
}
article.notadetalle .shares a.sh.pi
{
	background-color: #C92228;
}

article.notadetalle .cols2 .shares_bottom
{
	width: 223px;
    margin: 0 auto 20px;
}


article.notadetalle .bx-caption
{
	height: 30px;
    line-height: 30px;
    font-size: 16px;
}

article.notadetalle .slider{
	position: relative;
}

article.notadetalle .slider .ps-prev,
article.notadetalle .slider .ps-next
{
	/*hasta que no confirmo que hay mas de una imagen no los prendo*/
	display: none;
}

article.notadetalle ul.bxslider li img{
	width: 100%;
}

article.notadetalle ul.bxslider li iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 1.8281;
}


article.notadetalle .slider .ps-prev .bx-prev {
    padding: 30px 20px;
    display: block;
}

article.notadetalle .slider .ps-prev {
    background: rgba(0, 0, 0, 0.5) url(../grafica/flecha-blanca-izquierda.png) no-repeat scroll center center;
    border: 1px solid #777;
    border-radius: 0 4px 4px 0;
    border-left: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    opacity: .7;
    transition: .1s ease-in-out;
}


article.notadetalle .slider .ps-next {
    background: rgba(0, 0, 0, 0.5) url(../grafica/flecha-blanca-derecha.png) no-repeat scroll center center;
	border: 1px solid #777;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    opacity: .7;
    transition: .1s ease-in-out;
}

article.notadetalle .slider .ps-next .bx-next {
    padding: 30px 20px;
    display: block;
}

article.notadetalle .slider .ps-prev:hover, 
article.notadetalle .slider .ps-next:hover{
	opacity: 1;
}

@media(max-width: 980px)
{
	
	article.notadetalle h1
	{
		font: 700  32px/36px 'Fira Sans' !important;
	}

	article.notadetalle p.copete
	{
		font: 400 18px/24px 'Fira Sans';
	}

	article.notadetalle .cols2 aside
	{
		float: none !important;
		width: 100%;
		display: block;
	}

	article.notadetalle .cols2 .cuerpo
	{
		margin-left: 0px;
		width: 100%;
		display: block;
		font: 400  18px/24px 'Fira Sans';
	}

	article.notadetalle .cols2 aside h2,
	article.notadetalle .cols2 aside h4
	{
		font: 700  24px/32px 'Rubik';
		text-transform: uppercase;
	}

	article.notadetalle .cols2 aside .fecha
	{
		margin-bottom: 20px;
	}

	

	article.notadetalle .cols2 aside .tags_top
	{
		display: none;	
	}

	article.notadetalle .cols2 aside .shares
	{
		margin-bottom: 20px;
	}


}

/* NOTASECCIONRANKING */

section.notaseccionranking
{

}

section.notaseccionranking article
{
	height: 78px;
	margin-bottom: 15px;
}

section.notaseccionranking article .imgbox
{
	height: 78px;
	width: 106px;	
	background-size: auto 100%;
    background-position: center center;
    float: left;
    transition: all ease-in-out .2s;
}

section.notaseccionranking article:hover .imgbox
{
	background-size: auto 105%;
}

section.notaseccionranking article h2
{
    font-size: 14px;
    line-height: 16px;
    margin: 8px 20px 8px 114px;
    letter-spacing: -.5px;
    font-weight: 700;
    transition: all ease-in-out .2s;
}

section.notaseccionranking article:hover h2
{
	color:#000;
}






/* SECCIONVIDEOTECAHOME */

section.seccionvideotecahome
{
	padding:20px;
	background-color: #393939;
}

section.seccionvideotecahome .content
{
	max-width: 1360px;
	margin: 0 auto;
}

section.seccionvideotecahome h3.title
{
	border-color: #6d6d6a;
}


section.seccionvideotecahome h3.title span
{
	border-color: #fefefe;
	color: #fefefe;
}

section.seccionvideotecahome .video_box
{
	float: left;
	width: calc(100% - 1% - 286px);
	
}

section.seccionvideotecahome .video_box_content
{
	position: relative;
	height: 0px;
    padding-bottom: 56.25%;
}

section.seccionvideotecahome .video_box iframe
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
}

section.seccionvideotecahome .video_gallery
{
	width: 286px;
	float: left;
	margin-top: 0px;
	margin-left: 1%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 0;
}

section.seccionvideotecahome .video_gallery::-webkit-scrollbar {
    width: 12px;
}

section.seccionvideotecahome .video_gallery::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

section.seccionvideotecahome .video_gallery::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

section.seccionvideotecahome .video_gallery article
{
	height: 78px;
	margin-bottom: 20px;
	cursor: pointer;
}

section.seccionvideotecahome .video_gallery article h2
{
	color: #fefefe;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 20px;
    font-weight: 400;
    margin-left: 94px;
}

section.seccionvideotecahome .video_gallery article .imgbox
{
    height: 78px;
    width: 106px;
    background-size: auto 100%;
    background-position: center center;
    float: left;
    transition: all ease-in-out .2s;
}

section.seccionvideotecahome .video_gallery article:hover .imgbox
{
	background-size: auto 105%;
}

section.seccionvideotecahome .video_gallery article.active
{
	background-color: #2a9456;
}

section.seccionvideotecahome .video_gallery article.active h2
{
	color: #fff;
}



@media(max-width: 980px)
{

	/* EL GRANDE DE LA IZQUIERDA YA NO FLOTA MAS */

	section.seccionvideotecahome .video_box
	{
		width: 100% !important;
		float: none !important;
		height: auto !important;
	}

	section.seccionvideotecahome .video_gallery
	{
		display: block !important;
		width: 100% !important;
		margin:0 !important;
		margin-top: 15px !important;
		height: 94px;
		overflow-y: hidden;
		overflow-x: auto;
	}

	section.seccionvideotecahome .video_gallery article
	{
		float: left;
		width: 286px;
		margin-top: 0px !important;
		margin-right: 15px !important;
	}


}


/*BANNERS*/

.obj_banner .banner
{
	margin-bottom: 15px;
    text-align: center;
}

.obj_banner .banner img 
{
    width: auto;
    display: inline;
    max-width: 100%;
	height: auto;
}

/*BANNERS  HORIZONTAL*/

.obj_banner_horizontal {

	padding: 20px 0;

}

.obj_banner_horizontal .content {
	
	max-width: 1360px;
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	
}

.obj_banner_horizontal .content .banner{

	width: 24%;

}

.obj_banner_horizontal .content .banner img {
	
	height: auto;
	
}

@media(max-width: 680px)
{

	.obj_banner_horizontal .content {
		flex-wrap: wrap;	
		justify-content: space-evenly;
	}

	.obj_banner_horizontal .content .banner{

		width: 48%;
		margin-bottom: 1%;
	
	}

}


div.paginado { text-align:center;margin: 50px 0; }
div.paginado span{ background:#fff;border:1px solid #E0E0E0;margin:0 2px 0 0;padding:5px 10px; }
div.paginado a{color:#00ae5b;}
div.paginado a:hover span{ background:#00ae5b; color:#fff;}
div.paginado a.active{color:#B4B4B4;}
div.paginado a.active span{ background:#fff;color:#666; }


/*SECCION CATASTROFE*/


section.seccioncatastrofe
{
	margin-bottom: 30px;
}

section.seccioncatastrofe article
{
	width: 100%;
	position: relative;
}

section.seccioncatastrofe article .media-container-imagen.hayvideo {
	display: none;
}

@media(min-width: 1025px)
{
	section.seccioncatastrofe article .media-container-imagen.hayvideo {
	
		display: block;
	}
	
}

section.seccioncatastrofe article .media-container-imagen .degrade
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	width: 100%;
	height: 50%;
	display: block;
}


section.seccioncatastrofe article .media-container-imagen h2
{
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	padding:20px;
	font: 700 54px/64px 'Fira Sans';
	text-shadow: 2px 2px 10px rgb(31, 30, 30);
	width: 100%;
	box-sizing: border-box;
}

section.seccioncatastrofe article h2 {
	padding: 20px 15px 15px;
    font: 700 34px/36px 'Fira Sans';
}

section.seccioncatastrofe article:hover .hide-lg-block h2 {
	color: #000000;
}


@media(max-width: 1024px)
{
	section.seccioncatastrofe article .media-container-imagen h2
	{
		font: 700 20px/24px 'Fira Sans';
	    padding: 0 5px 15px;
	}
	
}


@media (max-width: 580px) {

	section.seccioncatastrofe article .media-container-imagen h2 {
    	font: 700 22px/24px 'Fira Sans';
    	padding: 15px;
	}
}








/*EDICION IMRPESA*/

section.edicionimpresa{  }

section.edicionimpresa article
{ 
	float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
}

section.edicionimpresa article p
{
    text-align: center;
    font: 700  14px/28px 'Fira Sans'
}

section.edicionimpresa article:nth-child(even)
{
	margin-right: 0;

}

/*BANNER MOBILE*/
section.mobilebanner .banner{ 
	text-align: center;
}

section.mobilebanner .banner img{
	width: 100%;
	height: auto;
} 


.mobile-only {

	display: none;

}

@media(max-width: 768px) {

	.mobile-only {

		display: block;
	
	}

}

.desktop-only {

	display: none;

}

@media(min-width: 769px) {

	.desktop-only {

		display: block;
	
	}

}


section.edicionimpresacalendario
{	
	font-size: 14px;
    line-height: 16px;
}
section.edicionimpresacalendario table.ui-datepicker-calendar{ margin:5px auto 15px auto; width: 90%; border: 0 none; border-spacing: 0; border-collapse: collapse; }
section.edicionimpresacalendario table.ui-datepicker-calendar thead td{ padding-top:5px; }
section.edicionimpresacalendario table.ui-datepicker-calendar td{ text-align: center; padding: 3px 0; width: 14%; }
section.edicionimpresacalendario table.ui-datepicker-calendar .ui-datepicker-current-day{ font-weight: bold; }
section.edicionimpresacalendario div.ui-datepicker-title{ background: #01AA59; text-align: center; color: #fff; padding:4px 0 3px;font-size: 18px; line-height: 20px; }
section.edicionimpresacalendario .ui-datepicker-prev{ color:#000; cursor: pointer; }
section.edicionimpresacalendario .ui-datepicker-next{ color:#000; cursor: pointer; float: right; }

 /* 
	 ESCONDER COSAS SEGUN PANTALLA 
	 12/05/2020
	 PASAR COMO PARAMETRO categoria=
 */
section.showmobile{
	display: none;
}

@media(max-width: 768px) {

	section.showmobile{
		display: block;
	}

}




section article .share
{
    color: #fff;
    font-size: 20px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: default;
    transition: all ease-in-out .2s;
}

section article .share_block
{
	position: absolute;
    top: 0px;
    right: 0;
    width: 35px;
}

section article .share_block .share_block_content
{
	position: relative;
	width: 35px;
	height: 105px;
} 


section article .share_block .share_block_content_inside
{
	position: absolute;
	top:-140px;
	transition: all ease-in-out .2s;
} 

section article .share_block:hover
{
	background-color: #343434;
}

section article .share_block:hover .share_block_content_inside
{
	top: 0px;
}

section article .share_block a
{
	height: 35px;
	width: 35px;
	text-align: center;
    line-height: 35px;
    font-size: 20px;
    display: block;
	color: #fff;
	transition: all ease-in-out .2s;
}

section article .share_block .share_block_content_inside a:hover
{
	font-size: 24px;
}

section article .share_block a.fb
{
	background-color: #3b5a94;
}
section article .share_block a.tw
{
	background-color: #00a2ec;
}
section article .share_block a.wa
{
	background-color: #3ac259;
}


/* ESTO ES EL MEDIA CONTAINER
ES UN DIV CONTENEDOR DE IMAGENES O IFRAMES RESPONSIVO */

section article div.media-container { 
	background-color: #c9c9c985;
	height:0px;
	width:100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 57.96%;
}

section article div.media-container iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section article div.media-container img
{
	width: 100%;
	display: block;
	transition: all ease-in-out .2s;
}

section article:hover div.media-container img
{
	transform: scale(1.1);
}