@charset "UTF-8";
/* CSS Document */

.packery {
  min-height: 100px;
  padding: 0px;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.item {
  float: left;
}

.packery:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 400px) {
  .grid-sizer {
    width: calc(4/14*100%);
  }

  .item {
    width: calc(14/14*100%);
  }

  .gutter-sizer {
    width: calc(1/14*100%);
  }

  .packery {
  }
}
@media screen and (min-width: 300px) {
  .grid-sizer {
    width: calc(4/19*100%);
  }

  .item {
    width: 100%;
  }

  .gutter-sizer {
    width: calc(1/19*100%);
  }

  .packery {
    ;
  }
}
@media screen and (min-width: 517px) {
  .grid-sizer {
    width: calc(4/19*100%);
  }

  .item {
    width: 48%;
  }

  .gutter-sizer {
    width: calc(1/19*100%);
  }

  .packery {
    ;
  }
}
@media screen and (min-width: 740px) {
  .grid-sizer {
    width: calc(4/29*100%);
  }

  .item {
    /* width: 100%; */
  }

  .gutter-sizer {
    width: calc(1/29*100%);
  }

}
@media screen and (min-width: 895px) {
  .grid-sizer {
    width: calc(4/29*100%);
  }

  .item {
    /* width: calc(9/18.6*100%); */
  }

  .gutter-sizer {
    width: calc(1/29*100%);
  }

}

@media screen and (min-width: 1200px) {
  .grid-sizer {
    width: calc(4/38*100%);
  }

  .item {
    width: calc(10px/19*100%);
  }

.item {}

  .gutter-sizer {
    width: calc(1/44.05*100%);
  }

}

/* ==========================================================================
Estils Base
========================================================================== */

.ct_cuerpo {
    padding: 30px;
    max-width: 1200px;
    margin: auto;
}


.img-100{
	min-width: 100%;
	min-height: 100%;
}

.img-verti {
	width: 100%;
}

.img-horiz {
	height: 100%;
}

/* Carrousel de fotos. */
.LogoFechaEspecial
{
	position:relative;
	width:540px;
	left:50%;
	margin-left: -270px;
	margin-top:5px;
	margin-bottom:20px;
}

#logoEspecial
{
	margin-bottom:5px;
}

#FechaYTiempoEspecial
{
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	position: relative;
	text-align: center;
	width: 100%;
	color: #6E6E6E;
}

.CarrouselImagenesArticulo
{
	position:relative;
	width:500px;
	left:50%;
	margin-left:-250px;
	height:400px;
	overflow:hidden;
}

.ImagenCarrouselArticulo
{
	width: auto;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.alignright
{
	float:right;
	margin:10px;
}

.alignleft
{
	float:left;
	margin:10px;
}

.FotoGaleriaEspecial {
    width: 100%;
    height:100%;
    margin-left: 10px;
    margin-bottom: 10px;
    background-position:center center;
    background-size:100% 100%;
}

.ct-noticias-relacionadas .NoticiaRelacionada:last-child {
	margin-right: 0;
	margin-top: 10px;
}

.NoticiaRelacionada
{
	width: 31%;
	margin-right: 3.5%;
	position:relative;
	display:inline-block;
}

.NoticiaRelacionada .img-not-port {
	height: 150px;
}

.NoticiaRelacionada .secciones {
	font-size: 14px;
}

.NoticiaRelacionada .ct-secciones:after {
	bottom: 13px;
}

.NoticiaRelacionada .titular-not-port {
	font-size: 19px;
}

.NoticiaRelacionada .ct-firmaNoticia-index span {
	font-size: 12px;
}

.NoticiaRelacionada .ct-cont-not {
	height: 220px;
}

.NoticiaRelacionada .ct-cont-not:after {
	  content: "";
	  width: 100%;
	  height: 60px;
	  bottom: 0px;
	  left: 0px;
	  position: absolute;
	  z-index: 1;
	  opacity: 1;
	  -webkit-box-sizing: content-box;
	  -moz-box-sizing: content-box;
	  box-sizing: content-box;
	  background: -moz-linear-gradient(top, rgba(255,255,255,0) 77%, rgba(255,255,255,0.9) 87%, rgba(255,255,255,0.9) 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,rgba(255,255,255,0)), color-stop(87%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9)));
	  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%);
	  background: -o-linear-gradient(top, rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%);
	  background: -ms-linear-gradient(top, rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%);
	  background: linear-gradient(to bottom, rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

/* ==========================================================================
Estils Roda Notícies
========================================================================== */
.ct-rueda-not{
 padding-bottom: 25px;
 width: 100%;
 position: relative;
 height: 100%;
 display: inline-block;
 /* border-bottom: solid 1px rgba(153, 153, 153, 0.3); */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.ct-cuerpo-rueda {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
}

.ct-img-rueda{
	max-width: 100%;
	width: 100%;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #00A9C8;
	height: 450px;
}

.ct-img-princip-rueda{
	width: 100%!important;
	height: 350px;
	min-height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	/* -webkit-transition: all 0.4s ease; */
	-moz-transition: all 0.4s ease;
	/* transition: all 0.4s ease; */
	position:absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.img-rueda-secundarias{
	width: 100%;
	float: left;
	position: absolute;
	cursor: pointer;
}

.foto-secund-rueda {
	width: 33.33333%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	background: rgba(0, 119, 170, 1);
	overflow: hidden;
	height: 100px;
	position: relative;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	margin-left: -0.14em;
}

.foto-secund-rueda:hover .mas-foto-mini {
	height: 100%;
	width: 100%;
	border-radius: 0;
	left: 0px;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: rgba(243, 164, 89, 0.4);
	padding-top: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ct-foto-secund-rueda {
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 9;
}

.ct-cuerpo-rueda:hover .ct-img-princip-rueda:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(68, 191, 214, 0.7);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ct-cuerpo-rueda:hover .ct-img-princip-rueda {
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ct-rueda-not:hover .PosMiniatura0 {
	top: -100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.ct-rueda-not:hover .PosMiniatura1 {
	top: -100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.ct-rueda-not:hover .PosMiniatura2 {
	top: -100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


.PosMiniatura0 {
	top:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.PosMiniatura1 {
	top:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.PosMiniatura2 {
	top:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.img-banners-secunadrios{
	margin-top: 14px;
}

.ct-txt-rueda{
	max-width: 100%;
	position: absolute;
	display: block;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-top: 19px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	right: 0;
	bottom: 0;
	max-height: 155px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 10;
	overflow: hidden;
}

.txt-rueda{
	height: 120px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

.ct-txt-rueda::after {
	/* content:""; */
	width: 100%;
	height: 40px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	/* z-index: 1; */
	opacity: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 21%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(21%,rgba(255,255,255,0.9)), color-stop(30%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 21%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 21%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 21%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 21%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.titular-not-rueda{
    opacity: 1;
    /* z-index: 2; */
    position: relative;
    color: #27B6D0;
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.1;
    font-weight: 300;
    text-shadow: 1px 1px 10px rgb(255, 255, 255);
    padding: 10px 0px;
    padding-top: 0;
}

.titular-not-rueda:hover {
	color: rgb(84, 26, 36);
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.cuerpo-not-rueda{
	font-weight: 400;
	font-size: 17px;
	text-align: left;
	margin-top: 10px;
	font-style: italic;
}

.mas-foto-mini {
	position: absolute;
	color: white;
	width: 65px;
	height: 65px;
	background: rgba(243, 164, 89, 0.8);
	text-align: center;
	font-size: 50px;
	font-family: 'Raleway', sans-serif;
	font-weigth: 300;		
	padding-top: 0;
	border-radius: 100px;
	left: 50%;
	margin-left: -32px;
	top: 50%;
	margin-top: -32px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.foto-mini {
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	height: 100%;
	width: 100%;
}

.ct-flechas-rueda {
    position: absolute;
    height: 50px;
    z-index: 5;
    width: 100%;
    bottom: 155px;
    right: 0;
}

.ct-flecha-rueda-dcha, .ct-flecha-rueda-izq {
    display: inline-block;
}

.ct-flecha-rueda-dcha {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: rgb(149, 193, 31);
    color: white;
    cursor: pointer;
}

.ct-flecha-rueda-izq {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: rgb(149, 193, 31);
    color: white;
    cursor: pointer;
}

.ct-flecha-rueda-dcha:hover, .ct-flecha-rueda-izq:hover {
    background: rgb(111, 144, 22);
}

.ct-flecha-rueda-dcha span, .ct-flecha-rueda-izq span {
	display: inline-block;
	margin-top: 10px;
}

.ct-segu-not-rueda-dcha {
	overflow: hidden;
    position: absolute;
    width: 120px;
    right: 50px;
    height: 50px;
	bottom: 0;
	font-size: 13px;     
	font-weight: 600;
}

.ct-segu-not-rueda-izq {
	overflow: hidden;
    position: absolute;
    width: 120px;
    left: 50px;
    height: 50px;
	bottom: 0;
	font-size: 13px;
	font-weight: 600;
}

.ct-cuerpo-rueda:hover .ct-segu-not-rueda-dcha span, .ct-cuerpo-rueda:hover .ct-segu-not-rueda-izq span {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ct-segu-not-rueda-dcha span{
    width: 120px;
    right: 50px;
    height: 50px;
    margin-top: 0;
    display: block;
    vertical-align: middle;
    bottom: 0;
    padding-top: 13px;
    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    /* background: rgba(255, 164, 82, 0.5); */
    transform: translateX(120px);
    -moz-transform: translateX(120px);
    -webkit-transform: translateX(120px);
    -ms-transform: translateX(120px);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.ct-segu-not-rueda-izq span{
    width: 120px;
    right: 50px;
    height: 50px;
    margin-top: 0;
    display: block;
    vertical-align: middle;
    bottom: 0;
    padding-top: 13px;
    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    /* background: rgba(255, 164, 82, 0.5); */
    transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.ct-flecha-rueda-dcha span:before, .ct-flecha-rueda-izq span:before {
    font-size: 30px;
}

.ct-flecha-rueda-izq {
    position: absolute;
    left: 0;
    width: 50px;   
    height: 50px; 
}

span.flecha-rueda-dcha.icon-right-small, .span.flecha-rueda-izq.icon-right-small {
    display: inline-block;
}


/* ==========================================================================
Estils Notícies Portada
========================================================================== */

.ct-header-not {
	position: relative;
	width: 100%;
}

.header-not {
    color: #95C11F;
    font-size: 25px;
    font-weight: 300;
    text-decoration: none;
    text-align: left;
    padding-right: 2%;
    padding-bottom: 5px;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    width: 100%;
    margin-bottom: 15px;
}

.col-publi .header-not {
    margin-top: 0;
}


.ct-not-port {
    display: inline-block;
    vertical-align: top;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: white;
    position: relative;
    padding-top: 50px;
}

.ct-not-port img {
	width: 100%;
}

.ct-textos-not:hover .ct-not-port{
	opacity: 0.60;
}

.celda-not{ 
   
}

.not-dcha{
	float: right;
}

.img-not-port{
	overflow: hidden;
	background-size:  cover;
	background-position: center center;
}

.ct-secciones {
	position: absolute;
	width: 100%;
	top: 0;
}

.ct-txt-not{
	background: #f5f5f5;
}

.ct-cont-not{
	/* height: 250px; */
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
}

.ct-cont-not::after {
	width: 100%;
	height: 60px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;      
	opacity: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;   
	box-sizing: content-box; /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */; /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 77%, rgba(255,255,255,0.9) 87%, rgba(255,255,255,0.9) 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,rgba(255,255,255,0)), color-stop(87%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9))); /* Chrome,Safari4+ */  
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%); /* Chrome10+,Safari5.1+ */  
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%); /* Opera 11.10+ */  
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%); /* IE10+ */  
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 77%,rgba(255,255,255,0.9) 87%,rgba(255,255,255,0.9) 100%); /* W3C */  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */; /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
}

.titular-not-port{
    color: #35BAD3;
    font-size: 27px;
    font-weight: 300;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

.titular-not-port:hover {
	color: rgb(84, 26, 36);
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ct-firmaNoticia-index span {
    display: block;
    font-size: 14px;
    color: #95C11F;
}

.secciones {
	font-weight: 300;
	position: relative;
	text-decoration: none;
	font-size: 25px;
	text-align: left;
	/* text-transform:uppercase; */
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 15px;
	margin-bottom: 0;
	color: #95C11F;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	margin-top: 0;
	display: inline-block;
}

.ct-cuerpo-not{
	/* height: 150px; */
	overflow: hidden;
}

.ct-textos-not {
    overflow: hidden;
 
}

.cuerpo-not-port{
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	margin-top: 0;
	padding-top: 20px;
}

.ct-rrss-leer-mas {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0px;
}


.ct-share-face iframe {
    width: 102px !important;
}

/* ==========================================================================
Estils Notícies
========================================================================== */

.Noticia{         
}

.ct-not-int {
    position: relative;
    background-color: white;     
    border-radius: 4px;
}

.seccion-noticia {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.TextoNoticia {
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	margin-top: 0;
	line-height: 1.3;
	margin-bottom: 20px;
}

.TextoNoticia h2 {
	font-size: 17px;
}

.TextoNoticia p {
    margin-bottom: 15px;
}

.TextoNoticia strong{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: rgb(78, 78, 78);
}

.TextoNoticia img {
	max-width: 100%;
	padding: 10px;
	height: auto;
}

.TextoNoticia iframe {
	max-width: 100%;
	border: none;
}

.TextoNoticia blockquote:after {
	content:"";
	height: 100%;
	width: 10px;
	top: 0px;
	left: -10px;
	background: #05AAC9;
	position: absolute;
}

blockquote {
	position: relative;
	float: left;
	width: 35%;
	margin-left: 0px;
	font-weight: 600;
	font-size: 18px;
	font-style: italic;
	margin-right: 30px;
	color: rgb(5, 170, 201);
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
	background-color: rgba(222, 244, 248, 0.74);
}

blockquote p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px
}

.TituloNoticia {
	margin-top:0px;
	font-weight: 400;
	color: #05AAC9;
	font-size: 22px;
	text-align: left;
	line-height: 1.2;
	letter-spacing: -1px;
	margin-bottom: 0;
}

.TituloNoticia h1 {
	margin-top: 0;
	font-weight: 300;
	margin-bottom: 0px;
}

.SeccionNoticias {
	font-weight: 300;
	text-decoration: none;
	color: #95C11F;
	font-size: 25px;
	text-align: left;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	display: inline-block;
}

.SubtituloNoticia {
	color: #70706F;
	font-weight: 400;
	text-align: left;
	font-style: italic;
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.FirmaNoticia {
	padding-right: 0;
	color: rgb(149, 193, 31);
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
	font-size: 13px;
	border-top: solid 1px rgba(150, 150, 149, 0.3);
	margin-bottom: 15px;
}

.padding-text{
}

.img-not-izq{
	height: 218px;
	overflow: hidden;
}

.ImagenNoticiaH{
	width: 100%;
}

.AlaDerecha {
	width: 50%;
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
	background: rgb(0, 119, 170);
}

.AlaIzquierda {
	width: 100%;
	/* float: left; */
	margin-right: 15px;
	position: relative;
	max-height: 400px;
	overflow: hidden;
}

.AlCentro {
	width: 100%;
	margin-bottom: 15px;
	background: rgb(0, 119, 170);
}

.PieFotoNoticia {
	padding: 10px;
	background: rgba(5, 170, 201, 0.13);
	font-family: 'Raleway', sans-serif;
	font-weigth: 300;
	color: #59544E;
	font-size: 12px;
	text-align: left;
	margin-bottom: 30px;
}

.ct-colaborador-ext {
    margin-top: 10px;
    position: relative;
    display: none;
    background: white;
}

.ct-colaborador {
    height: 100%;
    overflow: hidden;
    border: solid 1px rgb(224, 224, 223);
}

.ct-img-colaborador {
    float: left;
    width: 85px;
    height: 85px;
    background: rgb(247, 236, 226);
    margin-right: 15px;
    background-size: cover;
    background-position: center center;
}

.colaborador .subtit-colabora {
	font-family: 'Bitter', sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	border-bottom: solid 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	background-color: #812A39;
	padding-left: 112px;
}

.colaborador .enllas-colabora {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: rgb(91, 91, 90);
	font-size: 13px;
	margin-top: 5px;
	display: block;
	font-style: italic;
	padding-bottom: 5px;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 110px;
}

.colaborador h3 {
	color: #60605F;
	margin-top: 9px;
	margin-bottom: 5px;
	font-size: 15px;
	padding-right: 5px;
	padding-left: 112px;
	font-family: 'Bitter';
}

.cont-not {
	/* padding: 15px; */
	padding-top: 0;
}

.ct-rrss-not {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.ct-rrss-not .ct-share-face {
    display: inline-block;
    padding-top: 15px;
}

.ct-comentarios {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

.ct-avis-comentaris, .ct-avis-galeria {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 4px;
	border: solid 1px rgb(207, 66, 48);
	background: rgba(186, 12, 47, 0.1);
	color: rgb(207, 66, 48);
	opacity: 0.7;
	position: relative;
}

.ct-avis-comentaris span, .ct-avis-galeria span {
    position: absolute;
    left: 18px;
    font-size: 20px;
    top: 9px;
}

.ct-avis-comentaris p, .ct-avis-galeria p {
	padding-left: 25px;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}

.ct-ferrament-compart {
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.share-face .icon-face, .share-face .icon-goog, .share-face .icon-twitt, .share-face .icon-linked, .share-face .icon-whats {
	padding: 8px 0px;
	font-size: 13px;
	display: inline-block;
	color: white;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	text-align: center;
	width: 19%;
	float: left;
	margin-right: 1%;
}

.share-face .icon-face::before, .share-face .icon-goog::before, .share-face .icon-twitt::before, .share-face .icon-linked::before, .share-face .icon-whats::before, .rrss-not .icon-face::before, .rrss-not .icon-goog::before, .rrss-not .icon-twitt::before, .rrss-not .icon-linked::before, .rrss-not .icon-whats::before {
	margin-right: 4px;
}

.share-face .icon-face:hover, .share-face .icon-goog:hover, .share-face .icon-twitt:hover, .share-face .icon-whats:hover, .share-face .icon-linked:hover, .share-face .icon-print:hover, .share-face .icon-mail:hover  {
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.rrss-not .icon-face, .rrss-not .icon-goog, .rrss-not .icon-twitt, .rrss-not .icon-linked, .rrss-not .icon-whats {
	padding: 10px 5px;
	font-size: 13px;
	text-align: center;
	color: white;
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 24%;
	float: left;
	margin-right: 1.3%;
}

.rrss-not .icon-goog {
	margin-right: 0;
}

.rrss-not .icon-whats, .share-face .icon-whats, .share-face .icon-mail {
	display: none;
}

.share-face .icon-face, .rrss-not .icon-face {
	background: #3C4C87;
}

span.icon-face a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.share-face .icon-twitt, .rrss-not .icon-twitt {
	background: #5AB7E0;
}

.share-face .icon-whats, .rrss-not .icon-whats {
	background: #34af23;
}

.share-face .icon-goog, .rrss-not .icon-goog{
	background: #CF4230;
}

.share-face .icon-linked, .rrss-not .icon-linked{
	background: #017EB4;
}

.share-face .icon-print::before, .share-face .icon-mail::before {
	margin-right: 5px;
}

.share-face .icon-face:hover {
	background: #3C4C87 !important;
}

.share-face .icon-twitt:hover {
	background: #5AB7E0 !important;
}

.share-face .icon-whats:hover {
	background: #34af23 !important;
}

.share-face .icon-goog:hover {
	background: #CF4230 !important;
}

.share-face .icon-linked:hover {
	background: #017EB4 !important;
}

.share-face .icon-print, .share-face .icon-mail {
	color: rgb(25, 19, 19);
	display: inline-block;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	font-size: 14px;
	padding: 7px 15px;
	width: 20%;
	text-align: center;
}

.share-face .icon-mail {
	display: none !important;
}



/* ==========================================================================
Noticies relacionades
========================================================================== */

.ct-not-relacionades {
	margin-bottom: 20px;
}

.ct-int-not-relacionades {
    width: 30.9%;
    display: inline-block;
    margin: 0.8%;
    border: solid 1px rgb(254, 241, 230);
}

.img-not-relacionades {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.int-not-relacionades h3 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    color: rgb(89, 84, 78);
    letter-spacing: -1px;
    height: 100px;
    overflow: hidden;
}

.int-not-relacionades span{
	font-family: 'Raleway', sans-serif;
	font-style: Italic;
	font-size: 14px;
	margin-bottom: 0px;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
	color: #F3A459;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px rgba(243, 164, 89, 0.3);
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;   
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
	background: rgb(254, 251, 247);
}


/* ==========================================================================
Colaboradors
========================================================================== */

.ct-colabora {
    width: 30.9%;   
    display: inline-block;   
    margin: 0.8%;   
    border: solid 1px rgb(224, 224, 223); 
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

.ct-grid-colabora {
	margin-bottom: 20px;
}

.ct-fitxa-colabora {
    border: solid 1px rgb(224, 224, 223);
    position: relative;
    min-height: 180px;
}

.ct-colabora h3 {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;   
	color: white;
	border-bottom: solid 1px;
	background-color: rgb(129, 42, 57);
	margin-top: 0;
	font-family: 'Bitter', sans-serif;
	font-weight: 400;
	font-size: 15px;
}

.ct-colabora h4 {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	margin-top: 5px;
	color: #969695;
	font-weight: 400;
}

.ct-colabora span {
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
    margin-right: 10px;
    color: rgb(129, 42, 57);
    position: absolute;
    bottom: 10px;
    width: 100%;
    border-top: solid 1px;
    padding-top: 5px;
}

.ct-img-colabora {
    height: 110%;
    width: 110%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 0;    
    -webkit-filter: blur(5px);   
    filter: blur(5px);
    opacity: 0.7;
}

.ct-img-colabora-borr {
    height: 160px;   
    background-size: cover;   
    background-position: center center;
    position: relative;
    width: 160px;
    border-radius: 90px;
    margin: auto;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ct-img-agru-colabora {
    overflow: hidden;
    position: relative;
    background: rgb(129, 42, 57);
}

.ct-img-agru-colabora-fitxa {
    overflow: hidden;
    position: absolute;
    background: rgb(25, 31, 69);
    width: 35%;
    height: 100%;
    display: inline-block;
    min-height: 160px;
}

.ct-dades-colabora {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: 35%;
}

.ct-dades-colabora h3{
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 10px;
	color: rgb(255, 255, 255);
	border-bottom: solid 1px;
	padding-left: 15px;     
	padding-right: 15px;
	padding-top: 5px;
	background-color: #812A39;
	font-weight: 400;
	font-size: 16px;
}

.ct-dades-colabora h4{
	margin-bottom: 15px;
	margin-top: 5px;
	color: #969695;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Bitter', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.ct-dades-colabora p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #575756;
	font-size: 15px;
	text-align: left;
	margin-top: 0;
	line-height: 1.2;
	padding-left: 15px;     
	padding-right: 15px;
}


/* ==========================================================================
Publicitat
========================================================================== */


.ct-publi-head {
    padding: 20px 15px 15px 15px;
    background: rgb(247, 247, 247);
    margin: auto;
    text-align: right;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    border-bottom: solid 1px rgba(89, 84, 78, 0.5);
    display: none;
}

.publi-head
{
	width:100%;
    display: inline-block;
    position: relative;
}

.publi-head .TablaPublicidad {
	min-height: 130px;
}

.publi-head1, .publi-head2,
.publi-head .medio_modulo {
    width: 49.5%;
    display: inline-block;
    position: relative;
}

.publi-head1 {
	float: left;
}

.publi-head img, .publi-head1 img, .publi-head2 img, .medio_modulo img{	
	width: 100%;
}

span.tit-publi {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    display: block;
    padding-left: 10px;
    background: #E7424E;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: white;
    margin-bottom: 10px;
}

.main-secund {
    display: table;
}

div#celda-not {
    display: table-cell;
    width: 100%;
}

.col-publi{
    vertical-align: top;
    min-width: 330px;
    top: 0;
    right: 0px;
    height: 100%;
    -webkit-box-sizing: border-box;
    padding-left: 16px;
    rder-box;
    box-sizing: border-box;
    padding-left: 60px;
    display: table-cell;
}

.bot-suscrip-rev {
    padding: 13px 5px;
    background: #812A3A;
    color: white;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-bottom: 15px;
}

.bot-suscrip-rev:hover {
    opacity: 0.8;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

div#ctl00_pnlRRSS {
    display: none;
}

.col-publi .header-not
{
	color: #969695;
	border-bottom: 1px solid #969695;
}

.publi{
	display: inline-block;
	position: relative;
	margin-top: 10px;
	z-index: 1;
	padding: 10px 0px 10px 0px;
	-webkit-box-sizing: content-box;   
	-moz-box-sizing: content-box;   
	box-sizing: content-box;
}

.modulo_vertical::before, .publi-head1::before, .publi-head2::before, .publi-head::before {
	content: "PUBLICIDAD";
	position: absolute;
	top: -16px;
	left: 0px;
	color: rgb(129, 42, 57);   
	font-family: 'Source Sans Pro', sans-serif;   
	font-size: 9px;
}

.publi::after {
	content:"";
	width: 300px;
	height: 100%;
	top: -10px;
	left: 0px;
	position: absolute;
	z-index: -1;
	/* background: rgba(239, 239, 239, 0.45); */      
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;   
	box-sizing: content-box;
}

.medio_modulo {}

.modulo_vertical {
	margin-bottom: 25px;
	width: 100%;
	position: relative;
}

.TablaPublicidad iframe {
	width: 100%;	
}

.ct-publi-cent, .ct-publi-cent-foot {
    display: inline-block;
    width: 100%;      
    position: relative;
    margin-bottom: 25px;
    border-bottom: solid 1px rgba(105, 105, 105, 0.31);
    margin-top: 10px;
}

.ct-publi-cent-foot {
	border-top: solid 1px rgb(208, 208, 208);
	padding-top: 15px;
}

.publi-cent, .publi-cent-foot{
    width: 100%;
    height: 100%;
    /* background: rgb(247, 247, 247); */     
    padding: 15px 0px 25px 0px;      
    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}

.publi-cent .TablaPublicidad {
	min-height: 97px;
	overflow: hidden;
}

.TablaPublicidad img {
	width: 100%;
}

.Noticia .ct-publi-cent {
}

.publi-cent::after {
	content: "PUBLICIDAD";
	position: absolute;
	top: 2px;
	left: 0;
	color: rgb(129, 42, 57);   
	font-family: 'Source Sans Pro', sans-serif;   
	font-size: 9px;
}

.ct-publi-cent-foot::after {
	top: 15px;
}

.ct-publi-cent span {
    color: rgb(190, 190, 190);
    position: absolute;
    padding-left: 15px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    bottom: 20px;
}

.img-publi-cent {
	width: 100%;
	margin: auto;
}

.ct-btn-suscripcion {
	padding: 15px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-style: italic;
	color: #0077aa;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	border: solid 1px #0077aa;
	font-size: 22px;
}

.ct-btn-suscripcion:hover {
	background: rgba(61, 43, 43, 0.05);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: rgba(61, 43, 43, 1);
}

.fan-box{
	width: 100%;
	display: inline-block;
	max-width: 300px;
	min-height: 248px;
}

.box-twitt {
  width: 300px;
  min-height:335px;
}

#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

h3.tit-rrss {
    font-size: 14px;
    border-bottom: solid 2px;
    margin-top: 0;
    text-align: left;
}

.fan-box h3.tit-rrss {
	color: rgb(60, 76, 135);
}

.box-twitt h3.tit-rrss {
	color: rgb(90, 183, 224);
	margin-top: 15px
;
}

.ct-cabecera-cuadro-registro {
	position: relative;
	width: 100%;
	height: 116px;
	background: rgb(171, 245, 234);
	border-bottom: 1px dotted;
	padding-bottom: 35px;
}

.cajaSubscripcion {
	padding: 5px;
	border-radius: 4px;
	border: solid 1px #333;
	background: rgba(255, 255, 255, 0.5);
}

.botonControl {
	border: solid 1px rgb(0, 155, 119);
	color: rgb(0, 155, 119);
	padding: 5px;
	background: transparent;
	border-radius: 4px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;	
}

#fondoOscuro {
	opacity: 0.8;
}

.ct-cabecera-cuadro-registro div img {
	height: 120px;
	margin-left: 10px;
}

.ct-posicion-cuadro-registro {
    position: fixed;
    left: 50px;
    top: 50px;
    max-width: 610px;
    width: 100%;
    z-index: 10110;
    box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.2);
	font-family: 'Raleway', sans-serif;
}


/* ==========================================================================
Estils especials
========================================================================== */

.ct-grid-especials .PresentacionMiniEspecial {
	display: inline-block;
	width: 33.333%;
}

.ct-oratge .PresentacionMiniEspecial {
	right: 15px;
}

.PresentacionMiniEspecial {
    height: 150px;
    position: relative;
    width: 300px;
    overflow: hidden;
}

img.logo-especials {
    position: absolute;
    z-index: 10;
    width: 65px;
    right: 15px;
    top: 15px;
}

.MiniBannerEspecial {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

.ct-especials {
    margin-bottom: 20px;
    display: none;
}

.PresentacionMiniEspecial .txt-especial {
    z-index: 10;
    position: absolute;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 25px;
    font-weight: 500;
    bottom: 15px;
    z-index: 3;
    text-transform: uppercase;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;   
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}

.txt-especial span {
    font-weight: 700;
    color: rgb(242, 163, 89);
}

span.bckgnd-especial {
    width: 100%;
    height: 150%;
    position: absolute;
    margin-top: 0;
    bottom: 0;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);   
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(19,54,95,0) 38%, rgba(0,0,0,0.6) 100%);   
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(38%,rgba(19,54,95,0)), color-stop(100%,rgba(0,0,0,0.6)));   
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(19,54,95,0) 38%,rgba(0,0,0,0.6) 100%);   
    background: -o-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(19,54,95,0) 38%,rgba(0,0,0,0.6) 100%);   
    background: -ms-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(19,54,95,0) 38%,rgba(0,0,0,0.6) 100%);   
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(19,54,95,0) 38%,rgba(0,0,0,0.6) 100%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#99000000',GradientType=0 );
}

.txt-especial {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.veure-especial {
    position: absolute;
    z-index: 2;
    bottom: 28px;
    color: white;
    font-size: 20px;
    left: 50%;
	
    margin-left: -65px;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.PresentacionMiniEspecial:hover .txt-especial {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
}

.PresentacionMiniEspecial:hover .veure-especial {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/* ==========================================================================
Suscripción
========================================================================== */

.ct-logo-suscrip {
    display: inline-block;
}

.ct-logo-suscrip img {
	width: 100%;
	max-width: 350px;
}

img.img-logo-suscrip {
}

.ct-cab-suscrip {
	padding-bottom: 10px;
	/* border-bottom: solid 1px rgba(60, 42, 42, 0.5); */
}

.ct-suscrip {
    position: fixed;
    max-width: 700px;
    background: white;
    top: 0px;
    width: 100%;
    z-index: -2;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing: border-box;
    border-radius: 4px;
    left: 50%;
    margin-left: -350px;
    top: 50%;
    margin-top: -200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    visibility: hidden;
}

.suscrip {
	padding-top: 20px;
	margin-top: 5px;
	font-style: italic;
	font-size: 16px;
	line-height: 1.2;
	border-top: solid 1px rgba(60, 42, 42, 0.2);
}

.fondo-suscrip {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 11;
	visibility: hidden;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.fondo-suscrip-act {
	opacity: 1;
	visibility: visible;
	z-index: 20;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.ct-suscrip-act {
	opacity: 1;
	z-index: 100;
	visibility: visible;
}


.ct-x {
    display: inline;
    position: absolute;
    right: 15px;
    top: 15px;
}

span.label-suscrip {
    display: block;
    padding-bottom: 5px;
    padding-top: 15px;
    color: rgb(68, 191, 214);
    font-size: 16px;
    font-style: normal;
}

input.input-suscrip {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: solid 1px rgb(199, 199, 199);
    box-sizing: border-box;
    font-size: 16px;
    color: rgba(91, 83, 77, 1);
    font-style: Italic;
}

.ct-nom-sucrip, .ct-mail-suscrip {
    display: inline-block; 
    width: 100%;
}

.ct-datos-suscrip {
    width: 100%;
    display: inline-block;
}

.ct-idiom-suscrip {
    width: 35%;
    display: none;
    vertical-align: top;
    margin-left: 3.5%;
}

.ct-radio-suscrip {
    padding-top: 10px;
    padding-bottom: 5px;
}

.ct-aviso-protec-datos {
    padding-top: 15px;
}

.ct-aviso-protec-datos a {
	color: rgba(68, 191, 214, 0.5);
	font-weight: 700;
}

.button-suscrip {
	border: solid 1px white;
    width: 100%;
    background: #44BFD6;
    color: white;
    font-size: 20px;
    padding: 10px;
    font-weight: 300;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer !important;
    display: inline-block;
    margin-top: 15px;
    border-radius: 4px;
}

.btn-suscripcion {
    text-align: center; 
	padding-top: 25px;
}

.button-suscrip:hover {
    background: transparent;
    border: solid 1px #44BFD6;
    color: #44BFD6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp1 {
  -webkit-animation-name: fadeInUp1;
  animation-name: fadeInUp1;
}


@-webkit-keyframes fadeInUpRW {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
	visibility: hidden;
  }
}

@keyframes fadeInUpRW {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
	visibility: hidden;
  }
}

.fadeInUpRW {
  -webkit-animation-name: fadeInUpRW;
  animation-name: fadeInUpRW;
}

/* ==========================================================================
Animated
========================================================================== */


.animated1 {
	opacity: 0;
	transform: translate(0,5em);
	-webkit-transform: translate(0,5em);
	-moz-transform: translate(0,5em);
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

.fadeInUp {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

.transition-delay-animated {
	transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
}

/* ==========================================================================
Galería
========================================================================== */

.ct-galeria {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ct-galeria div.ct-header-not h1.header-not {
    margin-top:0;
}

div#ctl00_CuerpoPresentacion_pnlNoticiasRelacionadas {
    margin-bottom: 30px;
}

.ct-cerrar-menu {
	position: absolute;
	right: 30px;
	top: 40px;
	z-index: 100;
	visibility: hidden;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	opacity: 0;
}

.ct-cerrar-menu.active {
	position: fixed;
}


@media screen and (max-width:1200px){

.ct-rueda-not {
	max-width: 100%;
	
}

.ct-not {
	max-width: 47%;
}

.not-dcha {
	float: right;
}

.celda-not {
	/* max-width: none; */
}

}


@media screen and (max-width:1130px){

.ct-noticias-relacionadas .NoticiaRelacionada:last-child {
	margin-right: 0;
	width: 100%;
}

.ct-noticias-relacionadas .NoticiaRelacionada:nth-child(3) {
	margin-right: 0;
}

.NoticiaRelacionada
{
	width: 47.5%;
	margin-right: 4.9%;
	position:relative;
	display:inline-block;
}

}

@media screen and (max-width:1030px){

.ct-grid-especials .PresentacionMiniEspecial {
	width: 49%;
}

.share-face .icon-print, .share-face .icon-face, .share-face .icon-goog, .share-face .icon-twitt, .share-face .icon-linked, .share-face .icon-whats {
	width: 32.5%;
	margin-bottom: 5px;
}
	
.img-not-port{
}
	
/*.item .tbl-cell:first-child {
	display: block;
	width: 100%;
	padding-right: 0;
}

.item .tbl-cell div {
	margin: auto;
	margin-top: 15px;
}

.item .tbl-cell:last-child {
    padding-left: 0;;
}*/

.ct-rrss-leer-mas, .ct-share-face {
	margin-top: 0!important;
}

}


@media screen and (max-width:934px){

.ct-img-rueda {
	max-width: 47%;
}

.celda-not {
	max-width: none;
}

.Noticia {
	max-width: none;
}

.ct-img-rueda {
	max-width: 100%;
	width: 100%;
	float: none;
}

.ct-txt-rueda {
	max-width: 100%;
}

.ct-rueda-not {
    float: none;
}

.ct-txt-rueda {
	bottom: 0px;
	-webkit-transition: all 0.4s ease; 
    -moz-transition: all 0.4s ease; 
    transition: all 0.4s ease; 
	position: relative;
}

.ct-rueda-not:hover .ct-txt-rueda {
	bottom: 0;
	-webkit-transition: all 0.4s ease; 
    -moz-transition: all 0.4s ease; 
    transition: all 0.4s ease; 
}

.AlaIzquierda {
	width: 100%;
	float: left;
	margin-right: 0px;
}

.ct-colaborador-ext::before {
	content:"";
	width: 18px;
	height: 30px;
	background-image: url(../img/fletxeta-colabora.html);
	position: absolute;
	right: 18px;
	bottom: -23px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.rrss-not {
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
}

.ct-rrss-not {
	padding-left: 0;
	padding-right: 0;
}

.ct-rrss-not .ct-share-face {
	padding-left: 15px;
	border-right:  none;
}

}

@media screen and (max-width:900px){

.ct-colabora {
    width: 47.4%;   
}

.rrss-not .icon-whats, .share-face .icon-whats {
	display: inline-block;
}

blockquote {
	width: 100%;
}

}

@media screen and (max-width:860px){
	
.ct-not-port {
	max-width: 100%;
}

.not-dcha {
	margin-left: 0;
	float: none;
}

.ct-ferrament-compart {
	position: relative;
	width: 100%;
	margin-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.share-face .icon-face, .share-face .icon-goog, .share-face .icon-twitt, .share-face .icon-linked, .share-face .icon-whats {width: 32.3%;}

.share-face .icon-print, .share-face .icon-mail {
	max-width: 50%;
	display: inline-block
;display: none;
}

.cont-not {
	padding-top: 0;
	margin-left: 0px;
}

.ct-int-not-relacionades {
    width: 47%;
    display: inline-block;
}

.ct-int-not-relacionades.prim-not-rel{
    width: 97%;
    display: block;
}

.ct-img-agru-colabora-fitxa {
    width: 100%;
    height: 180px;
    position: relative;
}

.ct-dades-colabora {
	margin-left: 3%;
	margin-right: 3%;
}

.ct-noticias-relacionadas .NoticiaRelacionada:last-child {
	margin-right: 0;
	width: 100%;
	margin-bottom: 15px;
}

.ct-noticias-relacionadas .NoticiaRelacionada:nth-child(3) {
	width:100%;
	margin-bottom: 15px;
}

.NoticiaRelacionada
{
	width: 100%;
	margin-right: 0;
	position:relative;
	display:inline-block;
	margin-bottom: 15px;
}


}

@media screen and (max-width:807px){

.li-menu-secciones{
	display: block;
	line-height: 1.9;;
}

}


@media screen and (max-width:740px){

.col-publi {
	display: none;
}

.cuerpo-not {
	font-size: 16px;
}

.cuerpo {
	margin-left: 0!important;
	margin-right: 0 !important;
	display: block !important;
	width: 100%;
}

#celda-not, .Noticia {
	max-width: 100% !important;
	margin-right: 0px;
	display: block !important;
}

.AlaIzquierda {
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 15px;
}

.ct-not-int {
    padding-right: 0px;
}

.ct-ferrament-compart {
	font-size: 13px;
	display: inline-block;
	color: white;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	width: 100%;
}

.share-face .icon-face, .share-face .icon-goog, .share-face .icon-twitt, .share-face .icon-linked, .share-face .icon-whats {
	max-width: inherit;
}

.cont-not {
	padding-top: 0;
}

.ct-colaborador-ext::before {
	content:"";
	width: 18px;
	height: 30px;
	background-image: url(../img/fletxeta-colabora.html);
	position: absolute;
	right: -18px;
	bottom: 12px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.ct-noticias-relacionadas .NoticiaRelacionada:last-child {
	margin-right: 0;
	width: 100%;
}

.ct-noticias-relacionadas .NoticiaRelacionada:nth-child(3) {
	margin-right: 0;
	width: 47.5%;
}

.NoticiaRelacionada
{
	width: 47.5%;
	margin-right: 4.9%;
	position:relative;
	display:inline-block;
}

}


@media screen and (max-width:590px){
	
.ct-not {
	max-width: 100%;
}

.ct-not-port {
	max-width: 100%;
}

.not-dcha {
	margin-left: 0;
}

.AlaDerecha {
	width: 100%;
	float: none;
	margin-left: 0;
}

.ct-cont-not {
	height: inherit;
	overflow: hidden;
}

.ct-cuerpo-not {
	height: inherit;
	overflow: hidden;
}

.TituloNoticia {
	margin-top: 0;
}

.TituloNoticia h1 {
	margin-top: 0;
}

}


@media screen and (max-width:550px){
	
.not-dcha {
	margin-left: 0;
}
	
.celda-not{
	max-width: 735px;
	display: block;
	margin: auto;
	width: 100%;
	margin-top: 30px;
	box-sizing: border-box;
}
	
.ct-img-rueda{
	max-width: 100%;
	width: 100%;
	float: none;
	position: relative;
	display: block;
}

.ct-txt-rueda {
	max-width: 100%;
	position: relative;
	display: inline-block;
	min-height: 0;
	/* margin-left: 5%; */
	padding-top: 34px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* margin-right: 5%; */
}

.ct-rueda-not {
	overflow: hidden;
}

.ct-txt-rueda {
	bottom: 0px;
}

.ct-rueda-not:hover .ct-txt-rueda {
	bottom: 0;
}

.AlaIzquierda {
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
}

.ct-ferrament-compart {
	position: relative;
	width: 100%;
	margin-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0;
}

.share-face .icon-face, .share-face .icon-goog, .share-face .icon-twitt, .share-face .icon-linked, .share-face .icon-whats {
	display: inline-block;
}

.share-face .icon-print, .share-face .icon-mail {
	max-width: 50%;
	display: inline-block;
	display: none;
}

.cont-not {
	padding-top: 0;
	margin-left: 0px;
}

.ct-colaborador-ext::before {
	content:"";
	width: 18px;
	height: 30px;
	background-image: url(../img/fletxeta-colabora.html);
	position: absolute;
	right: 18px;
	bottom: -23px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.ct-grid-especials .PresentacionMiniEspecial {
	width: 100%;
}

.ct-noticias-relacionadas .NoticiaRelacionada:last-child {
	margin-right: 0;
	width: 100%;
	margin-bottom: 15px;
}

.ct-noticias-relacionadas .NoticiaRelacionada:nth-child(3) {
	width:100%;
	margin-bottom: 15px;
}

.NoticiaRelacionada
{
	width: 100%;
	margin-right: 0;
	position:relative;
	display:inline-block;
	margin-bottom: 15px;
}

}