@media all and (max-width: 980px) {
	.Columna.A980 {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 0px;
	}
}

@media all and (min-width: 768px) {

	.ContenidoCabecera {
		position: relative;
		padding: 0;
		max-width: 1200px;
		margin: 0px auto 0 auto;
		box-sizing: border-box;
	}

	.ContenedorContenido {
		max-width: 1200px;
	}	

	.MostrarMenu {
		display: none;
	}

	.MenuCabecera {
		display: block;
		position: absolute;
		right: 12px;
		top: 12px;
	}
	
	.MenuCabecera ul {
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	.MenuCabecera ul li {
		display: block;
		margin: 0px;
		margin-left: 16px;
		padding: 0px;
		text-align: right;
		float: left;
	}
	
	div.MenuCabecera ul li a {
		display: inline-block;
	}
	
	.MenuCabecera ul li a:hover {
		text-decoration: underline;
	}
	
	.MenuCabecera ul li img{
		width: 30px;
	}
	
	.MenuCabecera ul li a.AvatarEnCabecera {
		width: 40px;
		height: 40px;
		overflow: hidden;
		background-color: #000000;
		background-image: url(../img/);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		display: inline-block;
		float: right;
		margin-left: 6px;
	}
		
	/* MENU PRINCIPAL DESKTOP */
	
	.MenuPrincipal {
		display: block;
		background-color: #4e4e4e;
		color: #ffffff;
		max-width: 1200px;
		margin: 0 auto;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif, Arial, Helvetica;
	}
	
	.MenuPrincipal > ul {
		display: block;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0px 2px 0px 2px;
		list-style-type: none;
	}
	
	.MenuPrincipal > ul > li {
		display: block;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.MenuPrincipal > ul > li.Derecha {
		float: right;
	}	
	
	.MenuPrincipal > ul > li > a,
	.MenuPrincipal > ul > li > span {
		display: inline-block;
		margin: 0;
		padding: 10px 16px;
		color: #ffffff;
		font-size: 1rem;
		font-weight: 300;
	}
	
	.MenuPrincipal > ul > li > a:hover {
		background-color: #000;
		color: #fff;
	}
	
	.MenuPrincipal > ul > li.Pulsado,
	.MenuPrincipal > ul > li.Activo {
		color: #000000;
		z-index: 200;
	}		
	
	.MenuPrincipal > ul > li.Pulsado > a {
		color: #000000;
	}
	
	.MenuPrincipal > ul > li > ul {
		position: absolute;
		display: none;
		z-index: 20;
		width: 100%;
		max-width: 1200px;
		margin: 0;
		padding: 0;
		list-style-type: none;		
		background-color: #fff;
	}	
	
	.MenuPrincipal > ul > li.Activo >  ul,
	.MenuPrincipal > ul > li.Pulsado >  ul {
		display: block;
	}	
	
	.MenuPrincipal > ul > li > ul > li {
		display: block;
		margin: 0px;
		padding: 6px;
		float: none;
		border-top: 1px dotted #bbbbbb;
		position: relative;
		clear: both;
		font-size: 1.15rem;
	}	

	.MenuPrincipal > ul > li > ul > li > a,
	.MenuPrincipal > ul > li > ul > li > span {
		display: block;
		float: left;
		padding: 12px 6px;
		min-width: 120px;
		font-weight: 500;
	}	
	
	.MenuPrincipal > ul > li > ul > li > a:hover {
		background-color: #fff;
		color: #000;
	}	
	
	.MenuPrincipal > ul > li > ul > li > ul {
		display: block;
		margin: 0;
		padding: 12px 0 0 0;
		list-style-type: none;
		overflow: hidden;
		left: 144px;
	}	
	
	.MenuPrincipal > ul > li > ul > li > ul:before {
	}
	
	.MenuPrincipal > ul > li > ul > li > ul > li {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
	}			
	
	.MenuPrincipal > ul > li > ul > li > ul > li > a,
	.MenuPrincipal > ul > li > ul > li > ul > li > span {
		display: block;
		float: left;
		padding: 0px 16px 3px 16px;
		font-weight: 100;
		font-size: 0.95rem;

	}	
	
	.MenuPrincipal > ul > li > ul > li > ul > li > a:hover {
		color: #fff;
		text-decoration: underline;
	}	
	
	/**/
	
	.EnlaceBuscadorMenuprincipal {
		position: relative;
	}
	
	.EnlaceBuscadorMenuprincipal em {
		display: inline-block;
		font-style: normal;
		margin-right: 6px;
	}
	
	.BuscadorMenuprincipal {
		display: none;
		position: absolute;
		top: 0;
		right: 0px;
		padding: 0 12px;
		background-color: #4e4e4e;
		width: 320px;
		text-align: right;
		white-space: nowrap;
	}
	
	.BuscadorMenuprincipal form {
		display: block;
		margin: 0px;
		height: 40px;		
		line-height: 40px;
	}
	
	.BuscadorMenuprincipal input[type="text"] {
		border: 1px solid #00354f;
		background-color: #ffffff;
		color: #000000;
		padding: 6px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.MenuPrincipal ul li .BuscadorMenuprincipal a {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	div.MenuPrincipal ul li .BuscadorMenuprincipal a:hover {
		background-color: transparent;
	}

	/**/

	.MenuResponsive {
		display: none;
	}

	/**/
	
	.Pagina {
		padding: 24px 2%;
	}

	/**/
	
	.ContenidoFlex {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		max-width: 100%;
		padding: 0;
	}
	
	.ContenidoFlex .Contenidos {
		-webkit-flex: 1;
		flex: 1;
		overflow: hidden;
		margin: 0;
	}		
	
	.ContenidoFlex .ColumnaDerecha {
		-webkit-flex: initial;
		flex: initial;
		width: 300px;
		margin-left: 3%;
	}
	
	.ContenidoFlex .ColumnaIzquierda {
		-webkit-flex: initial;
		flex: initial;
		width: 300px;
		margin-right: 3%;
	}

	.Izquierda {
		max-width: 50%;
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	.Derecha {
		max-width: 50%;
		float: right;
		margin-left: 12px;
		margin-bottom: 12px;
	}

	.Contenido img.Izquierda {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
		max-width: 50%;
		width: auto;
	}
	
	.Contenido .Derecha {
		float: right;
		margin-left: 6px;
		max-width: 50%;
		width: auto;
	}
	
	.Listado  {
		clear: both;
		margin-bottom: 32px;
	}
	
	.Listado .ElementoListado {
		
	}	

	.Listado .ElementoListado .FotoElementoListado {
		width: 47%;
		float: left;
		margin-right: 3%;
		margin-bottom: 12px;
		margin-top: -22px;
	}	
	
	.Listado .ElementoListado .FotoElementoListado {
		width: 47%;
		float: left;
		margin-right: 3%;
		margin-top: -22px;
	}	

	.Listado .ElementoListado .MarcaElementoListado {
		right: auto;
		left: 0;
		top: 12px;
	}	
	
	.Listado .ElementoListado h3 {
		display: block;
		float: left;
		width: 47%;
		padding-left: 50%;
	}		
	
	.Listado .ElementoListado .DatosElemento {
		display: block;
	}	

	/**/
	h4 .Herramientas,
	.Herramientas {
		display: block;
		float: right;
	}	
	
	.Herramientas ul {
		display: block;
		padding: 0px;
		list-style-type: none;
	}
	
	.Herramientas ul li {
		display: block;
		margin: 0px;
		padding: 0px;
	}	

	.Herramientas ul li a {
		height: 22px;
		display: block;
		padding: 2px 12px;
		margin: 8px 0 0 6px;
		line-height: 21px;
	}

	.Columna h1, .Columna h2, .Columna h3, .Columna h4, .Columna h5, .Columna h6, .Columna p, .Columna blocuote, .Columna table,
	.ContenidoFlex h1, .ContenidoFlex h2, .ContenidoFlex h3, .ContenidoFlex h4, .ContenidoFlex h5, .ContenidoFlex h6, .ContenidoFlex p, .ContenidoFlex blocuote, .ContenidoFlex table {
		margin-right: 0;
		margin-left: 0;
	}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	
	.ContenidoFlex .ColumnaDerecha {
		width: 200px;
	}
	
	.ContenidoFlex .ColumnaIzquierda {
		width: 200px;
	}		
}

@media all and (max-width: 768px) {

	.Columna.A768,
	.ColumnaNew.A768 {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 0px;
	}
}


@media all and (max-width: 767px) {

	.Pagina {
		padding: 12px 6px;
	}

	div.NoMovil,
	span.NoMovil,
	img.NoMovil,
	.NoMovil {
		display: none;
	}
	
	.Logotipo {
		display: inline-block;
		width: auto;
		margin: 0;
		margin: 0; 
		padding: 0;
		height: auto;		
	}
	
	.Logotipo img {
		width: auto;
		display: block;
		margin: 0; 
		padding: 0;
		border: 0;
		max-height: 44px;
	}	
	
	.MenuResponsive strong {
		display: none;
	}

	.Columna.A768 {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 0px;
	}

	.Menus {
		display: none;
	}

	/* MENU PRINCIPAL RESPONSIVE */
	
	.MostrarMenu {
		position: absolute;
		height: 49px;
		width: 49px;
		top: 0px;
		right: 	0px;
		font-size: 36px;
		line-height: 49px;
		color: #000000;
		text-align: center;
		box-sizing: border-box;
	}
	
	.MostrarMenu strong {
		display: none;
	}		
	
	.MenuResponsive	{
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		position: relative;
		z-index: 20000;
		overflow-y: auto;
	}	
	
	.MenuResponsive ul {
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		overflow-y: auto;		
	}
	
	.MenuResponsive li {
		display: block;
		clear: both;		
		margin: 0px;
		padding: 10px 0px;
		border-bottom: 1px dotted #000000;
	}
	
	.MenuResponsive li a {
		font-weight: 300;
		padding: 10px 6px;
	}
	
	.MenuResponsive ul li img{
		display: none;
	}	
	
	.MenuResponsive ul li ul {
		display: none;
		clear: both;
	}
	
	.MenuResponsive ul li ul li {
		font-weight: 300;
		clear: none;
		width: 50%;
		margin: 0px;
		padding: 0px;		
		float: left;
	}

	.MenuResponsive ul li ul li a {
		font-weight: 500;
		text-transform: none;
	}

	.ContenidoFlex .DosColumnas,
	.ContenidoFlex .UnaColumna {
		padding: 24px 0px;
	}	

	.Izquierda {
		float: none;
		margin-right: 0px;
		margin-bottom: 32px;
	}
	
	.Derecha {
		display: block;
		float: none;
		margin: auto;
		margin-left: 0px;
		margin-bottom: 32px;
	}	
	
	.Pie {
		text-align: center;	
	}
	.MenuCompartir {
		margin-top: 12px;
	}

	.ContenidoCalendario table tr th strong {
		font-size: 0rem;
	}
	
	div.ContenidoCalendario table tr td {
		height: auto;
		padding: 6px;
	}
	
	div.ContenidoCalendario table tr td p {
		margin: 0;
		padding: 0;
		font-size: 1rem;
	}
	
	div.ContenidoCalendario table tr td a img {
		display: none;
	}
	
	.ContenidoCalendario table tr th::first-letter {
		font-size: 1rem;
	}
	
	h1,h2,h3, h4, h5 {
		font-size: 1.25rem;
		font-weight: 300;
		margin-bottom: 16px;
	}
	
	h1,h2,h3 {
		font-weight: 400;
	}

	h4, h5 {
		font-size: 1.1rem;
		font-weight: 300;
		margin-bottom: 16px;
	}		
		
	
	.Pagina h1,	
	.Columna h1, .Columna h2, .Columna h3, .Columna h4, .Columna h5, .Columna h6, .Columna p, .Columna blocuote, .Columna table,
	h1, h2, h3 h4, h5, h6, p, blocuote, table {
		padding: 0;
		margin-right: 0;
		margin-left: 0;
	}
	
	.Cabecera {
		border-bottom: 3px solid #000000;
		box-sizing: border-box;
	}
	
	.ListadoSuplementos {
		padding: 0;
	}
	
	.Herramientas {
		margin: 0 0 24px 0px;
		padding: 0;
		float: none;
	}
	
	.Herramientas .BotonLink {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	
}

@media all and (max-width: 480px) {
	.Columna.A480 {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 0px;
	}
}

@media all and (max-width: 320px) {
	.Columna.A320 {
		width: 100%;
		float: none;
		padding: 0px;
		margin: 0px;
	}
}

@media all and (min-width: 768px) {
	div.MenuPrincipal ul li a, div.MenuPrincipal ul li span {

	}
}

@media all and (min-width: 850px) {
	div.MenuPrincipal ul li a, div.MenuPrincipal ul li span {

	}
}

@media all and (min-width: 980px) {
	div.MenuPrincipal ul li a, div.MenuPrincipal ul li span {

	}
}

@media all and (min-width: 1024px) {
	div.MenuPrincipal ul li a, div.MenuPrincipal ul li span {

	}
}


/* Tablas responsive */ 
@media screen and (max-width: 768px) {

	.ListadosTabla table {
		border: 0;
		width: 100%;
	}
	
	.ListadosTabla  table thead {
		display: none;
	}
	
	.ListadosTabla  table tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #aaa;
	}
	
	.ListadosTabla table td {
		display: block;
		text-align: right;
		font-size: 0.75rem;
		border-bottom: 1px dotted #ccc;
		height: auto;
		padding: 4px 6px 4px 110px;
		position: relative;
		line-height: 1.4em;
		display: none;
	}

	
	.ListadosTabla table td:first-child {
		background-color: #efefef;
		display: block;
		cursor: pointer;
	}
	
	.ListadosTabla table .SuscripcionActiva td:first-child {
		background-color: #a1c487;
	}
	
	.ListadosTabla  table td:last-child {
		border-bottom: 0;
	}
	
	.ListadosTabla  table td:before {
		content: attr(data-th);
		position: absolute;
		left: 6px;
		top: 4px;
		font-weight: bold;
		max-width: 110px;
		text-align: left;
	}
}