/**********************************************************************************************************************/
/** ESTILOS www.dclm.es																					  			  */
/**********************************************************************************************************************/

/** Importación de Google Fonts **/

@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,400italic');

/**********************************************************************************************************************/
/** CONFIGURACIÓN CSS																							      */
/**********************************************************************************************************************/

.show-mobile { display:none !important; }
.show-tablet { display:none !important; }
.show-screen { display:inherit; }
.hide-mobile { display:inherit !important; }
.hide-tablet { display:inherit !important; }
.hide-screen { display:none !important; }

.max-img { width: 100%;	height: auto; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { -webkit-tap-highlight-color: transparent; }
table { overflow-x: auto; display: block; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f1f1f1 inset; }
*:focus { outline: none !important; }


/**********************************************************************************************************************/
/** ELEMENTOS GENERALES																								  */
/**********************************************************************************************************************/

html {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}

/**********************************************************/

html body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-color: #f4f4f4;
}

html body.inicio {
	margin-top: 100vh;
}

body.scrollOff {
	overflow: hidden;
}

/**********************************************************/

.enPreparacion {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 840px;
	transform: translate(-50%, -50%);		
}

.enPreparacion img {
	width: 100%;
	margin-bottom: 10px;
}

.enPreparacion p {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	
}

/**********************************************************/

p {
	color: #000000;
	font-family: 'Droid Serif', serif;
	font-size: 1em;
	line-height: 1.5em;
}

li {
	margin: 0px;
	margin-bottom: 10px;
	color: #000000;
	font-family: 'Droid Serif', serif;
	font-size: 1em;
	line-height: 1.5em;
}

blockquote {
	padding: 10px 0px 10px 20px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	border-left-width: 5px;
	font-family: 'Droid Serif', serif;
	font-size: .9em !important;
	line-height: 1.5em !important;
	color: #555555;
}

th, td {
	color: #000000;
	font-family: 'Droid Serif', serif;
	font-size: 1em;
	line-height: 1.5em;
}

a {
	outline: none;
	color: #000000;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

h1 {
	font-family: 'Droid Serif', serif;
	font-size: 2em;
	font-weight: 400;
	color: #000000;
}

h2 {
	font-family: 'Droid Serif', serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #000000;
}

h3 {
	font-family: 'Droid Serif', serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #000000;
}

h4 {
	font-family: 'Droid Serif', serif;
	font-size: 1.1em;
	font-weight: 400;
	color: #000000;
}

input {
	width: 100%;
	box-sizing: border-box;
	height: 32px;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

textarea {
	resize: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

select {
	box-sizing: border-box;
	height: 32px;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

.subtitulo {
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	margin-top: 50px;
	margin-bottom: 50px;
}

/**********************************************************/

.flex {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.flex2 {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

/**********************************************************/

.contenedorMensajes {
	position: relative;
	height: 24px;
	margin-bottom: 4px;
}

.mCont {
	width: 100%;
	padding: 2px;
	position: absolute;
	display: none;
	box-sizing: border-box;
	color: #ffffff !important;
	background-color: #ff0000;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 20px;
	text-transform: uppercase;
}

/**********************************************************/

.cabSeccion {
	margin-bottom: 40px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
}

.cabSeccion h1 {
	color: #ffffff;
	background-color: #ed7d23;
	float: left;
	margin: 0px;
	padding: 10px;
	padding-top: 30px;
}

/**********************************************************/

.comentarios div._42ef _8u {
	display: none !important;
}


/**********************************************************/

.boton {
	margin: 0px auto 0px auto !important;	
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	display: table;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #84909d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
}

.boton:hover {
	background-color: #cccccc;
}

/**********************************************************/

.bVolver {
	float: right;
	margin: 20px 0px 20px 0px !important;	
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 10px 5px 35px;
	display: table;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 25px;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #84909d;
	background-image: url("../imagenes/ant.png");
	background-repeat: no-repeat;
	background-position: 8px 7px;
	background-size: 20px 20px;
	-webkit-transition: background-position 0.2s;
	-moz-transition: background-position 0.2s;
	-o-transition: background-position 0.2s;
	-ms-transition: background-position 0.2s;
	transition: background-position 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
}

.bVolver:hover {
	background-position: 4px 7px;
}

.bVolver img {
	cursor: pointer;
	height: 42px;
}

.bVolver:hover img {
	opacity: 0.5;
}

.bAlta {
	width: 100%;
	margin-top: 10px;
	font-size: 0.8em;	
}


/**********************************************************************************************************************/
/** AVISO DE COOKIES																								  */
/**********************************************************************************************************************/

#avisoCookie {
	display: none;
	box-sizing: border-box;
	position: fixed;
	padding: 10px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000000;
	overflow: hidden;
}

#avisoCookie p {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #ffffff;
}

#avisoCookie a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: 700;
}

#avisoCookie a:hover {
	text-decoration: none;
}

.botonCookies {
	display: table;
	margin: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #a1aeb7;
	cursor: pointer;
}

.botonCookies p {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	text-align: center;
	letter-spacing: 1px;
	color: #ffffff;
}

.botonCookies:hover {
	background-color: #cccccc;
}

/**********************************************************************************************************************/
/** AVISO LEGAL *******************************************************************************************************/
/**********************************************************************************************************************/

.avisoLegal {
	margin-bottom: 50px;
}

.avisoLegal h2 {
	font-size: 1.5em;
	margin-top: 50px;
	border-bottom: 1px solid #ffffff;
}

.avisoLegal h3 {
	margin-top: 30px;
	font-size: 1.2em;
	font-weight: 500;
}

.avisoLegal p {
	font-size: 0.8em;
}

.avisoLegal li {
	font-size: 0.8em;
}

.avisoLegal table {
	border: 1px solid #000000;
	margin-top: 30px;
	margin-bottom: 40px;
}

.avisoLegal th {
	font-size: 0.8em;
	background-color: #999999;
	color: #000000;
}

.avisoLegal td {
	font-size: 0.8em;
	border: 1px solid #000000;
}

.avisoLegal img {
	margin-left: auto;
	margin-right: auto;
}

.avisoLegal blockquote {
    margin-left: 50px;
    padding-left: 20px !important;
    border-left: 3px solid #cccccc;
}

.avisoLegal blockquote p {
    font-style: italic;
    font-size: 0.8em;
    line-height: 1.5;
}


/**********************************************************************************************************************/
/** ESTRUCTURA																										  */
/**********************************************************************************************************************/

#contenedor {
	position: relative;
	z-index: 7;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

#bus {
	position: fixed;
	box-sizing: border-box;
	top: 0px;
	left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 8;
	padding: 5px 10px 5px 10px;
	background-color: #000000;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: flex-end;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;
}

#bus p.fecha {
	margin: 0px;
	top: 7px;
	left: 10px;
	position: absolute;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	color: #ffffff;
}


#bus #busCab {
	background-color: #000000;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: flex-end;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;	
}

#bus #busCab input {
	width: 200px;
	height: 22px;
	margin: 1px 0px;
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
}

#bus #busCab .bb {
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	height: 18px;
	background-color: #f1f1f1;
}

#bus #busCab .bb:hover {
	background-color: #a1aeb7;
}

#bus #bRS {
	position: relative;
	z-index: 10;
	margin-left: 10px;
}

#bus #bRS .fb-like {
	float: left;
	margin-top: 1px;
}

#bus #bRS img {
	cursor: pointer;
	float: left;
	height: 22px;
	margin-right: 0px;
	margin-left: 10px;
}

#bus #bRS img:hover {
	filter: gray; /* IE6-9 */
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

#bus .logo {
	height: 25px;
}

#cabecera {
	margin-top: 34px;	
	position: relative;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

#cabecera #pr {
	padding: 20px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;	
}


#cabecera img.logo {
	width: 200px;
}

.bloqueMenu {
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	background-color: #ececec;
	border-bottom: 2px solid #a1aeb7;
}

.bloqueMenu img#logoM {
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 20px;
	height: 35px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;	
}

.menuFijo {
	position: fixed;
	top: 34px;
	left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 10;
} 

.menuFijo img#logoM {
	opacity: 1;
}

/**********************************************************/

.menu1 {
	height: 45px;
	background-color: #f5f5f5;
}

#menu1 ul {
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: center;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;	
}

#menu1 li {
	cursor: pointer;
	display: inline;
	margin: 0px 30px 0px 30px;
	padding: 0px;
	list-style: none;
	color: #000000;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 45px;
	text-transform: uppercase;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

#menu1 li:hover {
	color: #a1aeb7;
}

/**********************************************************/

.menuMovil {
	z-index: 10;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 40px;
	background-color: #000000;
}

.menuMovil img.logoMovil {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	height: 25px;
}

#botonMenuMovil {
	cursor: pointer;
	float: left;
	margin: 3px;
}

#botonMenuMovil .bar1, #botonMenuMovil .bar2, #botonMenuMovil .bar3 {
	margin: 5px;
	width: 25px;
	height: 5px;
	display: block;
	background-color: #ffffff;
	border-radius: 1px;
}

#botonMenuMovil .bar:last-child {
	margin-bottom: 0;
}

/**********************************************************/

#menuLateralMovil {
	position: fixed;
	z-index: 9;
	top: 0px;
	left: -250px;
	width: 240px;
	height: 100%;
	padding-top: 50px;
	overflow-y: auto;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.95);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-right: 1px solid #333333;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;
}

#menuLateralMovil.open-sidebar {
	left: 0;
}

#menuLateralMovil img.iconoVolver {
	cursor: pointer;
	float: right;
	width: 24px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#menuLateralMovil ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	list-style: none;
}

#menuLateralMovil ul li {
	cursor: pointer;
	margin: 0;
	padding: 1em;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#menuLateralMovil ul li:last-child {
	border-bottom: 0px;
}

#menuLateralMovil ul li.submenuM {
	margin-left: 20px;
	margin-right: 20px;
	padding: 1em;
	font-size: 0.7em;
}

#menuLateralMovil ul li a {
	color: #ffffff;
	text-decoration: none;
}

#menuLateralMovil div.rs {
	float: none !important;
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}

#menuLateralMovil div.rs img {
	cursor: pointer;
	display: inline;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	margin-right: 10px;
	filter: gray; /* IE6-9 */
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

/**********************************************************/

.pie {
	background-color: #323232;
}

.pie .menuPie {
	padding: 10px 20px 10px 20px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;	
}

.pie .menuPie .m1, .pie .menuPie .m2 {
	width: 50%;
}

.pie .menuPie p {
	margin: 0px 20px 0px 20px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

.pie .menuPie .m1 p {
	text-align: left;
}

.pie .menuPie .m2 p {
	text-align: right;
}

.pie .menuPie .m1 p a {
	margin-right: 30px;
}

.pie .menuPie .m2 p a {
	margin-left: 30px;
}

.pie p a {
	text-decoration: none;
	color: #ffffff;
}

.pie p a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.pie h3.info {
	margin: 0px;
	padding: 10px;
	background-color: #ffffff;
	font-size: 1em;
	text-align: center;
	font-style: italic;
	color: #323232;
}

.pie h3.info span {
	margin-right: 20px;
}

.pie h3.info br {
	display: none !important;
}

.pie h3.info a {
	text-decoration: none;
	color: #323232;
}

.pie h3.info a:hover {
	text-decoration: underline;
	color: #323232;
}

.pie p.aviso {
	margin: 0px;
	padding: 50px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

/**********************************************************/

#columnas {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0 20px 0px 20px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
}

#contenido {
	box-sizing: border-box;
	width: 66%;
}

#columna {
	background-color: #ffffff;
	box-sizing: border-box;
	width: calc(33% - 25px);
	padding: 0px;
}

/**********************************************************/

.videoResponsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoResponsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


/**********************************************************************************************************************/
/** MÓDULOS         																				 				  */
/**********************************************************************************************************************/

.tituloModulo {
    margin-bottom: 1em;
    border-bottom: 2px solid #000000;
}

#moduloNoticiaVentana {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloNoticiaVentana h2 {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	float: left;
}

#moduloNoticiaVentana img.b {
    float: right;
    width: 20%;
    max-width: 25px;
}

#moduloNoticiaVentana .notVP {
	margin-bottom: 20px;
}

#moduloNoticiaVentana .notVP img {
	width: 100%;
}

#moduloNoticiaVentana .notVP h3 {
	margin: 10px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: 700;
}

#moduloNoticiaVentana .notVS {
	margin-bottom: 20px;
}

#moduloNoticiaVentana .notVS p {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: 1px;
	color: #a1aeb7;
}

#moduloNoticiaVentana .notVS h3 {
	margin: 0px;
	font-size: 0.8em;
	font-weight: 700;
}

/**********************************************************/

#moduloForoEducacion {
	position: relative;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloForoEducacion h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
	color: #ff1520;
}

#moduloForoEducacion p {
	margin: 0px;
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	color: #000000;
}

#moduloForoEducacion p a {
	text-decoration: underline;
}

#moduloForoEducacion p a:hover {
	text-decoration: none;
}

#moduloForoEducacion img.escudo {
	float: left;
	height: 70px;
	margin-right: 10px;
}

#moduloForoEducacion img.b {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 22px;
}

/**********************************************************/

#moduloCortes {
	position: relative;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloCortes h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
	color: #000000;
}

#moduloCortes p {
	margin: 0px;
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	color: #000000;
}

#moduloCortes p span {
	font-size: 0.8em;
}

#moduloCortes p a {
	text-decoration: underline;
}

#moduloCortes p a:hover {
	text-decoration: none;
}

#moduloCortes img.escudo {
	float: left;
	height: 100px;
	margin-right: 10px;
}

#moduloCortes img.b {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 22px;
}

/**********************************************************/

#moduloAnunciosOficiales {
	position: relative;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloAnunciosOficiales h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
	color: #000000;
}

#moduloAnunciosOficiales p {
	margin: 0px;
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	color: #000000;
}

#moduloAnunciosOficiales p span {
	font-size: 0.8em;
}

#moduloAnunciosOficiales p a {
	text-decoration: underline;
}

#moduloAnunciosOficiales p a:hover {
	text-decoration: none;
}

#moduloAnunciosOficiales img.pdf {
	float: left;
	height: 50px;
	margin-right: 10px;
}

#moduloAnunciosOficiales img.b {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 22px;
}

/**********************************************************/

#moduloBoletin {
	margin-bottom: 40px;
	padding: 10px;
	background-color: #899aa5;	
}

#moduloBoletin h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
}

#moduloBoletin p {
	margin: 0px;
	font-size: 1em;
	line-height: normal;
	font-weight: 700;
	font-style: italic;
	color: #ffffff;
}

#moduloBoletin p span {
	font-size: 0.8em;
}

#moduloBoletin #email {
	margin-top: 5px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;	
}

#moduloBoletin #email input {
	width: calc(100% - 22px);
	height: 22px;
	margin: 1px 0px;
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
}

#moduloBoletin #email .bb {
	cursor: pointer;
	height: 22px;
	background-color: #a1aeb7;
}

#moduloBoletin #email .bb:hover {
	opacity: 0.6;
}


.baja {
	margin-bottom: 50px;
}

.baja h2 {
	font-size: 1.5em;
	margin-top: 50px;
	border-bottom: 1px solid #ffffff;
}

.baja p {
	font-size: 1em;
	text-align: center;
}

.baja img {
	margin-left: auto;
	margin-right: auto;
}

.baja .bbc {
	margin-top: 20px !important;
}

.baja .mensajes {
	margin: 20px auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: 700;
}


/**********************************************************/

#moduloVineta {
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloVineta h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
}

#moduloVineta img {
	width: 100%;
}

/**********************************************************/

#moduloLoUltimo {
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloLoUltimo h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
}

#moduloLoUltimo h2 span {
	cursor: pointer;
}

#moduloLoUltimo h2 span.on {
	color: #ff1520;
}

#moduloLoUltimo h3 {
	margin: 10px 0px 5px 0px;
	font-size: 0.8em;
	font-weight: 400;
}

#moduloLoUltimo article.LML {
	display: none;
}

/**********************************************************/

#moduloCartasLectores {
	margin-bottom: 40px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #000000;	
}

#moduloCartasLectores h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
}

#moduloCartasLectores p {
	margin: 0px;
	font-size: 0.8em;
	font-style: italic;
	line-height: normal;
	color: #899aa5;
}

#moduloCartasLectores h3 {
	margin: 2px 0px 15px 0px;
	font-size: 0.8em;
	font-weight: 700;
}

#moduloCartasLectores .botonMas {
	cursor: pointer;
	display: table;
	margin: 0px auto 10px auto;
	padding: 0px 10px 0px 10px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1em;
	color: #efefef;
	background-color: #e30613;	
}

#moduloCartasLectores .botonMas:hover {
	background-color: #cccccc;
}
	
#moduloCartasLectores #boton {
	margin-top: 5px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;	
	background-color: #e3e4e8;
}

#moduloCartasLectores #boton p {
	box-sizing: border-box;
	width: calc(100% - 22px);
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	color: #000000;	
}

#moduloCartasLectores #boton .bb {
	cursor: pointer;
	height: 22px;
	background-color: #a1aeb7;
}

#moduloCartasLectores #boton .bb:hover {
	opacity: 0.6;
}

/**********************************************************/

#moduloRelatosBreves {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #e3e4e8;	
}

#moduloRelatosBreves h2 {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1em;
	float: left;
}

#moduloRelatosBreves img.b {
    float: right;
    width: 20%;
    max-width: 25px;
}

#moduloRelatosBreves article {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;	
	margin-bottom: 20px;
}

#moduloRelatosBreves article img {
	cursor: pointer;
	width: 30%;
}

#moduloRelatosBreves article div {
	width: calc(70% - 10px);
}

#moduloRelatosBreves article div h3 {
	margin: 0px;
	font-size: 1.2em;
	font-weight: 700;
}

#moduloRelatosBreves article div p {
	margin: 0px;
	font-size: 0.9em;
}

#moduloRelatosBreves .bannerRelato {
	border: 1px solid #a1aeb7;
	padding: 5px;
}

#moduloRelatosBreves .bannerRelato img {
	float: left;
	width: 16px;
	margin: 6px 5px 0px 0px;
}

#moduloRelatosBreves .bannerRelato p {
	margin: 0px;
	font-size: 1em;
}

#moduloRelatosBreves .bannerRelato p a {
	text-decoration: underline;
}

#moduloRelatosBreves .bannerRelato p a:hover {
	text-decoration: none;
}

/**********************************************************/

.relato {
	padding-bottom: 20px;
}

.relato h1 {
	margin-bottom: 0px;
	font-weight: 700;
}

.relato h2 {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
}

.relato h3 {
	margin: 0px;
	font-size: 1em;
	color: #666666;
}

.relato div.foto {
	position: relative;
}

.relato div.foto img {
	width: 100%;
}

.relato div.foto p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	font-size: 0.8em;
	font-style: italic;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
}





























/**********************************************************************************************************************/
/** BANNERS         																				 				  */
/**********************************************************************************************************************/

.banner {
	display: table;
	max-width: 100%;
	margin: -10px auto 40px auto; 
}

.banner p {
	margin: 0px;
	color: #cccccc;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.7em;
	text-align: right;
	line-height: normal;
}

.banner img {
	width: 100%;
}

.bcab {
	margin: 0px 0px 0px 0px !important;
}	

.bannerM {
	margin-top: 30px;	
}

.bannerM img {
	width: calc(100% - 40px);
	max-width: 750px;
	margin: 0px auto;
}


/**********************************************************************************************************************/
/** PORTADA         																				 				  */
/**********************************************************************************************************************/

#destacadosProv {
	padding: 15px;
	background-color: #a1aeb7;
}

#destacadosProv2 {
	padding: 15px;
	background-color: #a1aeb7;
}

.destacadoProv {
	/*padding-bottom: 20px;*/
}

.destacadoProv h2 {
	float: left;
	margin: 0px 10px 5px 10px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 30px;	
	text-transform: uppercase;
}

.destacadoProv .TT {
	float: left;
}

.destacadoProv img {
	box-sizing: border-box;
	padding: 0px 10px 0px 10px;
	width: 100%;
}

.destacadoProv h3 {
	box-sizing: border-box;
	padding: 0px 10px 0px 10px;
	font-family: 'Droid Serif', serif;
	font-size: 1em;
	font-weight: 700;	
}

.destacadoProv .TT {
	/*
	position: absolute;
	left: 0px;
	bottom: 0px;
	*/
}

.destacadoProv a {
	text-decoration: none;
}

.destacadoProv a:hover {
	text-decoration: underline;
}

/**********************************************************/

.ultimaHora {
	margin-top: 30px;
	padding: 10px;
	background-color: #d5d5d5;	
}

.ultimaHora h2 {
	margin: 0px;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 32px;
}

.ultimaHora img.icono {
	float: left;
	height: 32px;
	margin-right: 10px;
}	

/**********************************************************/

.portada {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: flex-start;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;	
}

.noticiaPortadaP {
	width: 100%;
	margin-bottom: 40px;	
}

.noticiaPortadaP div.foto {
	position: relative;
}

.noticiaPortadaP div.foto img {
	width: 100%;
}

.noticiaPortadaP div.foto p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	font-size: 0.8em;
	font-style: italic;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
}

.entrevistaL {
	padding: 3px 10px 3px 10px;
	background-color: #a1aeb7;
}

.entrevistaL h3 {
	margin: 0px !important;
	font-family: 'Archivo Narrow', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.5em !important;
	color: #ffffff !important;
}

.entrevistaL h4 {
	margin: 0px !important;
	font-family: 'Archivo Narrow', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.2em !important;
	color: #ffffff !important;
}

.noticiaPortadaP h2 {
	margin: 10px 0px;
	font-weight: 700;
	font-size: 2em;
}

.noticiaPortadaP p {
	margin: 0px;
	font-size: 1.3em;
	color: #333333;
	line-height: normal;
}

.colPortada {
	width: calc(50% - 20px);
}

.noticiaPortada {
	margin-bottom: 40px;	
}

.noticiaPortada img {
	width: 100%;
}

.noticiaPortada h2 {
	margin: 10px 0px;
	font-size: 1.3em;
	font-weight: 700;
}

.noticiaPortada p {
	margin: 0px;
	font-size: 1.1em;
	color: #333333;
	line-height: normal;
}

.relacionadasP {
	box-sizing: border-box;
	margin-top: 10px;
	padding: 10px;
	background-color: #e3e4e8;
}

.relacionadasP .nr {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;		
}

.relacionadasP .nr img {
	width: 100px !important;
	height: auto !important;
}

.relacionadasP .nr p {
	margin: 0px;
	width: calc(100% - 110px);
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	font-weight: 600;
	color: #333333;
}

.relacionadasP .nr p a {
	color: #333333;
}

/**********************************************************/

.relacionadasC {
	margin-top: 20px;
}

.relacionadasC .nr {
	margin-bottom: 5px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: flex-end;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-end;		
}

.relacionadasC .nr img {
	margin-left: 5px;
	width: 16px !important;
	height: 16px !important;
}

.relacionadasC .nr p {
	width: calc(100% - 27px);
	text-align: right;
	font-size: 0.8em;
	font-weight: 700;
	color: #899aa5;
}

.relacionadasC .nr p a {
	color: #899aa5;
}

/**********************************************************/

#blogs {
	margin-top: 20px;
	padding: 20px;
	background-color: #84909d;
}

#blogs h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.3em;
	color: #ffffff;
}

#blogs .flex2 {
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
}	

#blogs .blog {
	width: 15%;
}

#blogs .blog img {
	width: 75%;
	margin: 0px auto;
}

#blogs .blog h4 {
	margin: 10px 0px;
	text-align: center;
	font-size: 1em;
	color: #ffffff;
}

#blogs .blog h4 a {
	color: #ffffff;
}

/**********************************************************/

#opinion {
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000000;
}

#opinion h2 {
	margin: 0px 0px 20px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2em;
	border-bottom: 2px solid #000000;
}

#opinion h2 a:hover {
	text-decoration: none;
}

#opinion h2 span {
	margin-left: 5px;
	padding: 0px 10px 0px 10px;
	font-size: 0.7em;
	color: #efefef;
	background-color: #e30613;
}

#opinion h2 a:hover span {
	background-color: #cccccc;
}

#opinion .opinionP img {
	width: 80%;
	margin: 0px auto 10px auto;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#opinion .opinionP p {
	margin: 0px 0px 10px 0px;
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
	line-height: normal;
}

#opinion .opinionP h3 {
	margin: 0px;
	font-size: 0.8em;
	font-family: 'Archivo Narrow', sans-serif;
	text-align: center;
	text-transform: uppercase;
}

/**********************************************************/

h2.deportesP {
	margin: 0px 0px 20px 0px;
	padding: 5px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.3em;
	text-align: center;
	color: #ffffff;
	background-color: #84909d;
}

#deportes {
	margin-bottom: 30px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;	
}

#deportes #colDeportesP1 {
	width: calc(70% - 20px);
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;	
}

#deportes #colDeportesP1 #nDepPP {
}

#deportes #colDeportesP1 #nDepPP img {
	width: 100%;
}

#deportes #colDeportesP1 #nDepPP h3 {
	margin: 10px 0px;
	font-size: 1em;
	font-weight: 700;
	color: #899aa5;
}

#deportes #colDeportesP1 #nDepPP h2 {
	margin: 5px 0px;
	font-weight: 700;
}

#deportes #colDeportesP1 #nDepPP p {
	margin: 0px;
	font-size: 0.9em;
	line-height: normal;
}

#deportes #colDeportesP1 #nDepP {
	box-sizing: border-box;
	padding: 10px;	
	width: calc(50% - 10px);
	margin-top: 20px;
	background-color: #e1e6e8;
}

#deportes #colDeportesP1 #nDepP h3 {
	margin: 10px 0px;
	font-size: 1em;
	font-weight: 700;
	color: #899aa5;
}

#deportes #colDeportesP1 #nDepP h2 {
	margin: 5px 0px;
	font-weight: 700;
	font-size: 1.2em;
}

#deportes #colDeportesP2 {
	box-sizing: border-box;
	width: 30%;
	padding: 10px;
	background-color: #d0d7db;
}

#deportes #colDeportesP2 h2 {
	margin: 0px 0px 20px 0px;
	font-weight: 400;
	font-size: 0.9em;
}

/**********************************************************************************************************************/
/** NOTICIAS        																				 				  */
/**********************************************************************************************************************/

.ruta {
	margin-bottom: 40px;

}

.ruta p {
	float: left;
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.8em;
	font-weight: 700;
	color: #999999;
	text-transform: uppercase;
}

.ruta .pag {
	float: right;
}

.cPagC {
	float: right;
}

.cPagC img {
	float: left;
	height: 20px;
	margin-left: 10px;
}

.buscador {
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #cccccc;
}

.buscador input {
	width: calc(54% - 82px);
}

.buscador select {
	width: 23%;
	margin-left: 20px;
}

.buscador input, .buscador select {
	font-size: 0.8em;
}

.buscador img {
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin-left: 10px;
}

.buscador img:hover {
	opacity: 0.5;
}

/**********************************************************/

.bloqueNoticias {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;		
}

.noticiaSubportada {
	width: calc(50% - 20px);
	margin-bottom: 40px;	
}

.noticiaSubportada img {
	width: 100%;
}

.noticiaSubportada h2 {
	margin: 10px 0px;
	font-size: 1.5em;
}

.noticiaSubportada p {
	margin: 0px;
	font-size: 0.8em;
	line-height: normal;
}

/**********************************************************/

.notListado {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
}

.notListado h2 {
	margin: 0px 0px 5px 0px;
	font-size: 1.3em;
}

.notListado p {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.notListado p span.pr {
	padding: 3px;
	background-color: #cccccc;
	color: #efefef;
}

.notListado p span.pr:hover {
	background-color: #000000;
}

.notListado p span.pr a {
	color: #efefef;
}

.notListado p span.pr a:hover {
	text-decoration: none;
}
	
.notListado p span.c {
	padding: 3px;
	background-color: #cccccc;
	color: #efefef;
}

.notListado p span.c:hover {
	background-color: #000000;
}

.notListado p span.c a {
	color: #efefef;
}

.notListado p span.c a:hover {
	text-decoration: none;
}

.notListado p span.f {
	font-weight: 700;
}

/**********************************************************/

.noticia {
	padding-bottom: 20px;
}

.noticia h1 {
	font-weight: 700;
}

.noticia h2 {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
}

.noticia h3 {
	margin: 0px;
	font-size: 1em;
	color: #666666;
}

.noticia div.foto {
	position: relative;
}

.noticia div.foto img {
	width: 100%;
}

.noticia div.foto p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	font-size: 0.8em;
	font-style: italic;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
}

/**********************************************************/

.datosNoticia {
	margin-top: 20px;
	margin-bottom: 30px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;	
}

.datosNoticia p {
	margin: 0px 20px 0px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.9em;
	color: #666666;
}

.datosNoticia p a {
	text-decoration: underline;
	color: #666666;
}

.datosNoticia p a:hover {
	text-decoration: none;
}

.datosNoticia p.f a {
	text-decoration: none;
}

.datosNoticia div.com {
	margin-right: 20px;
	cursor: pointer;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;	
}

.datosNoticia div.com p {
	margin-right: 5px;
}

.datosNoticia div.com img {
	width: 22px;
}

.datosNoticia div.rs {
	padding-top: 4px
}

.datosNoticia div.rs .brs {
	float: left;
	margin-right: 10px;
}

.datosNoticia div.rs .brs img {
	height: 20px;
}

/**********************************************************/

.t img {
	max-width: 100%;
}

.tags {
	margin-bottom: 30px;
}

.tag {
	cursor: pointer;
	display: inline-table;
	margin: 0px 10px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #6998b7;
	border-radius: 5px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;			
}

.tag:hover {
	background-color: #486578;
}

/**********************************************************/

#galeriaNoticia {
	margin-bottom: 30px;
}

p.cap {
	color: #ffffff!important;
}

/**********************************************************/

#documentosAdjuntos {
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    background-color: #e3e3e3; 
}

#documentosAdjuntos h2 {
    margin: 0px;
    font-size: .9em;
}

#documentosAdjuntos .documentoAdjunto {
    margin: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6998b7;
    display: table;
    width: 100%;
}
#documentosAdjuntos .documentoAdjunto:last-child {
    border-bottom: 0px;
}

#documentosAdjuntos img {
    float: left;
    width: 32px;
    margin-right: 10px;
}

#documentosAdjuntos p {
    margin: 0px !important;
    font-size: 0.9em !important;
    line-height: 32px;
}

#documentosAdjuntos a {
    text-decoration: none;
}

#documentosAdjuntos a:hover {
    text-decoration: underline;
}

/**********************************************************/

h4.tituloNR {
	margin: 0px;
	padding: 15px 0px 0px 20px;
	text-align: left;
	font-size: 1em;
	font-weight: 400;
	background-color: #e3e3e3;
}

.noticiasRelacionadas {
	margin-bottom: 30px;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 20px !important;
	padding-bottom: 20px !important;
	background-color: #e3e3e3;
}

.noticiaRelacionada {
	position: relative;
}

.noticiaRelacionada img {
	width: 100%;
}

.noticiaRelacionada p {
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-size: 0.8em;
	text-align: left;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
}

.noticiaRelacionada p a {
	color: #ffffff;
	text-decoration: none;
}

.noticiaRelacionada p a:hover {
	color: #95c11e
}


/**********************************************************************************************************************/
/** VIÑETAS         																				 				  */
/**********************************************************************************************************************/

#vinetas {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;	
}

.vineta {
	width: calc(50% - 15px);
	margin-bottom: 30px;
}

.vineta img {
	width: 100%;
}


/**********************************************************************************************************************/
/** OPINIONES       																				 				  */
/**********************************************************************************************************************/

.opListado {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: flex-start;
	-moz-justify-content: flex-start;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;	
}

.opListado img {
	float: left;
	height: 50px;
	margin-right: 10px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.opListado:hover img {
	-webkit-filter: none;
    filter: none;
}

.dopl {
	width: calc(100% - 60px);
}

.opListado h2 {
	margin: 0px 0px 5px 0px;
}

.opListado p {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.opListado p span.c {
	padding: 3px;
	background-color: #cccccc;
	color: #efefef;
}

.opListado p span.c:hover {
	background-color: #000000;
}

.opListado p span.c a {
	color: #efefef;
}

.opListado p span.c a:hover {
	text-decoration: none;
}

.opListado p span.f {
	font-weight: 700;
}

/**********************************************************/

.opinion {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: flex-start;
	-moz-justify-content: flex-start;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;	
}

.opinion img {
	width: 100px;
	margin-right: 20px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.dop {
	width: calc(100% - 120px);
}

.opinion h1 {
	margin: 0px;
}

.opinion h2 {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
}

.opinion h3 {
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	color: #666666;
}


/**********************************************************************************************************************/
/** LECTORES        																				 				  */
/**********************************************************************************************************************/

.lecListado {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: flex-start;
	-moz-justify-content: flex-start;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;	
}

.lecListado img {
	float: left;
	height: 50px;
	margin-right: 10px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.lecListado:hover img {
	-webkit-filter: none;
    filter: none;
}

.dlel {
	width: calc(100% - 60px);
}

.lecListado h2 {
	margin: 0px 0px 5px 0px;
}

.lecListado p {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.lecListado p span.c {
	padding: 3px;
	background-color: #cccccc;
	color: #efefef;
}

.lecListado p span.c:hover {
	background-color: #000000;
}

.lecListado p span.c a {
	color: #efefef;
}

.lecListado p span.c a:hover {
	text-decoration: none;
}

.lecListado p span.f {
	font-weight: 700;
}

/**********************************************************/

.cartaLector {
}

.cartaLector h1 {
	margin: 0px;
}

.cartaLector h2 {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
}

.cartaLector h3 {
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	color: #666666;
}

.cartaLector .foto {
	width: 100%;
	
}


/**********************************************************************************************************************/
/** BLOGS           																				 				  */
/**********************************************************************************************************************/

.cabBlog {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #84909d;
}

.cabBlog .i {
	display: table;
	float: left;
}

.cabBlog img {
	display: inline;
	height: 100px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.cabBlog h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Archivo Narrow', sans-serif;
	text-align: right;
	font-size: 1.5em;
	letter-spacing: 1px;
	color: #ffffff;
}

.cabBlog h2 span {
	font-size: 0.8em;
	font-style: italic;
}


/**********************************************************************************************************************/
/** LAS CORTES DE CLM EN DIRECTO															 				  		  */
/**********************************************************************************************************************/


#contPlayerCortes {
	margin-top: 50px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	z-index: 1;
}

#contPlayerCortes div#playerCortes_wrapper {
	position: absolute!important;
	top: 0px!important;
	left: 0px!important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2!important;
}


/**********************************************************************************************************************/
/** FORO DE EDUCACIÓN																				 				  */
/**********************************************************************************************************************/

.foroListado {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #cccccc;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: flex-start;
	-moz-justify-content: flex-start;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;	
}

.foroListado img {
	float: left;
	height: 50px;
	margin-right: 10px;
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.foroListado:hover img {
	-webkit-filter: none;
    filter: none;
}

.dfol {
	width: calc(100% - 60px);
}

.foroListado h2 {
	margin: 0px 0px 5px 0px;
}

.foroListado p {
	margin: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.foroListado p span.c {
	padding: 3px;
	background-color: #cccccc;
	color: #efefef;
}

.foroListado p span.c:hover {
	background-color: #000000;
}

.foroListado p span.c a {
	color: #efefef;
}

.foroListado p span.c a:hover {
	text-decoration: none;
}

.foroListado p span.f {
	font-weight: 700;
}

/**********************************************************/

.envio {
	margin-bottom: 50px;
	padding: 10px;
	border: 1px solid #cccccc;
}

.envio h2 {
	margin: 0px 0px 20px 0px;
	padding: 2px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	background-color: #a1aeb7;
	
}

.envio input, .envio textarea {
	width: 100%;
	margin-bottom: 20px;
	font-size: 0.8em;
}

.envio .cm {
	position: relative;
	height: 30px;
}

.envio .m {
	position: absolute;
	display: none;
	box-sizing: border-box;
	width: 100%;
	color: #ff0000;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.8em;
	text-align: center;
	line-height: 30px;
	font-weight: 400;
	text-transform: uppercase;
}

/**********************************************************/

.mensajeForo {
}

.mensajeForo h1 {
	margin: 0px;
}

.mensajeForo h2 {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
}

.mensajeForo h3 {
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	color: #666666;
}