/*!
 * Hoja de estilos que contiene los estilos globales
 * comunes a todos los portales Web.
 *
 * Copyright(c) Divisa Informática y Telecomunicaciones S.A.
 */

.coverWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-image: url('../edit/wizard/images/transparent.png');
	z-index: 1015;
}

/* Separador */
.cmClear {
	margin: 0;
	padding: 0;
	clear: both;
}

/* Clase para errores */
.error {
	color: #ee0000;
}

/* Clase para confirmaciones */
.confirm {
	color: green;
}

/* Indicamos el estilo de las imágenes */
img {
	border: none;
}

.cmEmbedImage {
	text-align: center;
}

.cmEmbedImage,
.cmEmbedImage img,
p img {
	max-width: 100%;
	vertical-align: middle;
}

.cmEmbedImage:not(iframe):not(audio):not(video),
.cmEmbedImage img,
p img:not(.mceItemAudio):not(.mceItemVideo):not(.mceItemFlash) {
	height: auto;
}

.cmEmbedImageUnaligned {
	display: inline-block;
}

img[data-mce-id],
.cmEmbedImageUnaligned {
	clear: both;
	margin: 0 15px 10px 0;
}

.cmEmbedImageUnaligned:before,
.cmEmbedImageUnaligned:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cmFloatRight,
.cmEmbedImageright {
	float: right;
}

.cmFloatLeft,
.cmEmbedImageleft {
	float: left;
}

img[data-mce-id][align=justify],
img[data-mce-id][align=center],
.cmEmbedImagejustify,
.cmEmbedImagecenter {
	text-align: center;
	display: block;
	float: none;
	clear: both;
	margin: 0 auto 10px auto;
}

.cmEmbedImagejustify img,
.cmEmbedImagecenter img {
	display: block;
	margin: 0 auto;
	float: none;
	clear: both;
}

.cmEmbedImagejustify img {
	width: 100%;
	height: auto;
}

.cmEmbedImagemiddle {
	vertical-align: middle;
}

.cmEmbedImagebottom {
	vertical-align: bottom;
}

.cmEmbedImagetop {
	vertical-align: top;
}

.cmEmbedImagetexttop {
	vertical-align: text-top;
}

.cmEmbedImagebaseline {
	vertical-align: baseline;
}

.cmEmbedImageFooter {
	color: #777;
	text-align: center;
	font-style: italic;
	display: none;
	font-size: 14px;
	margin: 3px auto 0 auto;
}

.cmTable img {
	max-width: none;
}

@media screen and (max-width: 767px) {
	.cmTable img {
		max-width: 100%;
	}
}

.cmTable .cmEmbedImageUnaligned {
	margin: 0 0 10px 0;
}

img[data-mce-id][align=right],
.cmEmbedImageright {
	margin: 0 0 10px 15px;
}

img[data-mce-id][align=left],
.cmEmbedImageleft {
	margin: 0 15px 10px 0;
}

img[data-mce-id]:first-child,
p .cmEmbedImage:first-child {
	clear: both;
}

.cmAutoVideo {
	display: block;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

.cmAutoVideo.cmEmbedImage {
	display: inline-block;
}

.cmAutoVideo > img {
	position: absolute;
}

em.cmAutoAudioShown {
	text-align: left;
}

a.cmAutoAudioShown {
	display: block;
	width: 300px;
	height: 30px;
	text-align: left;
}

.cmAutoAudioShown .resourceData1 {
	vertical-align: middle;
}

.cmAutoVideoNoAlt {
	display: block;
	text-align: left;
}

a[data-mce-resourcetype] .resourceData1 img {
	clear: none;
}

/* 
* Alineamiento horizontal (atributo text-align)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
p.cmAlignright, .cmAlignright, span.cmParagraph.cmAlignright, p.cmParagraph.cmAlignright {
	text-align: right;
}
p.cmAlignleft, .cmAlignleft, span.cmParagraph.cmAlignleft, p.cmParagraph.cmAlignleft {
	text-align: left;
}
p.cmAligncenter, .cmAligncenter, span.cmParagraph.cmAligncenter, p.cmParagraph.cmAligncenter {
	text-align: center;
}
p.cmAlignjustify, .cmAlignjustify, span.cmParagraph.cmAlignjustify, p.cmParagraph.cmAlignjustify {
	text-align: justify;
}
span.cmParagraph {
	display: block;
	margin: 0 0 10.5px; /* Margin por defecto de bootstrap */
}


/* 
* Alineamiento horizontal (atributo text-align)
* Para que se centre una tabla
*/
.cmAligncenter > table.cmTable{
	margin-left:auto;
	margin-right:auto;
}

.cmAlignright > table.cmTable{
	margin-left:auto;
	margin-right:0;
}

.cmAlignleft > table.cmTable{
	margin-left:0;
	margin-right:auto;
}

/*
* Alineamiento vertical (atributo valign)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
p.cmVAligntop, .cmVAligntop {
	vertical-align: top;
}
p.cmVAlignmiddle, .cmVAlignmiddle {
	vertical-align: middle;
}
p.cmVAlignbottom, .cmVAlignbottom {
	vertical-align:  bottom;
}

/*
* Subrayado
*/
.cmUnderline {
	text-decoration: underline;
}

/*
* Tachado
*/
.cmStrike {
	text-decoration: line-through;
}

/* 
* Sangría (pasos de 3em por defecto)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
.cmParagraph.cmIndent1,  .cmIndent1  { margin-left: 3em;  }
.cmParagraph.cmIndent2,  .cmIndent2  { margin-left: 6em;  }
.cmParagraph.cmIndent3,  .cmIndent3  { margin-left: 9em;  }
.cmParagraph.cmIndent4,  .cmIndent4  { margin-left: 12em; }
.cmParagraph.cmIndent5,  .cmIndent5  { margin-left: 15em; }
.cmParagraph.cmIndent6,  .cmIndent6  { margin-left: 18em; }
.cmParagraph.cmIndent7,  .cmIndent7  { margin-left: 21em; }
.cmParagraph.cmIndent8,  .cmIndent8  { margin-left: 24em; }
.cmParagraph.cmIndent9,  .cmIndent9  { margin-left: 27em; }
.cmParagraph.cmIndent10, .cmIndent10 { margin-left: 30em; }
.cmParagraph.cmIndent11, .cmIndent11 { margin-left: 33em; }
.cmParagraph.cmIndent12, .cmIndent12 { margin-left: 36em; }
.cmParagraph.cmIndent13, .cmIndent13 { margin-left: 39em; }
.cmParagraph.cmIndent14, .cmIndent14 { margin-left: 42em; }
.cmParagraph.cmIndent15, .cmIndent15 { margin-left: 45em; }
.cmParagraph.cmIndent16, .cmIndent16 { margin-left: 48em; }
.cmParagraph.cmIndent17, .cmIndent17 { margin-left: 51em; }
.cmParagraph.cmIndent18, .cmIndent18 { margin-left: 54em; }
.cmParagraph.cmIndent19, .cmIndent19 { margin-left: 57em; }
.cmParagraph.cmIndent20, .cmIndent20 { margin-left: 60em; }

/*
* Anchos de los elementos (atributo width)
*/
.fullWidth {
	width: 100%;
}
.halfWidth {
	width: 50%;
}

/*
* Altura de los elementos (atributo height)
*/
.fullHeight {
	height: 100%;
}

/*
* Estilos genéricos para las tablas y celdas del layout
*/
table.portalLayoutTable {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

td.portalLayoutCell {
	vertical-align: top;
	padding: 0;
}

/*
* Estilos genéricos para los layouts basados en capas
*/
div.portalLayoutGrid {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border: none;
}

div.portalLayoutRow {
	display: table-row;
}

div.portalLayoutCell {
	display: table-cell;
	vertical-align: top;
	padding: 0;
}

/* Estilos genéricos para grids basados en capas hasta 8 columnas */
/*
div.portalLayoutCols2 > div.portalLayoutRow > div.portalLayoutCell  { width: 50%;    }
div.portalLayoutCols2 > div.portalLayoutRow > div.portalLayoutCols2 { width: 100%;   }

div.portalLayoutCols3 > div.portalLayoutRow > div.portalLayoutCell  { width: 33.33%; }
div.portalLayoutCols3 > div.portalLayoutRow > div.portalLayoutCols2 { width: 66.66%; }
div.portalLayoutCols3 > div.portalLayoutRow > div.portalLayoutCols3 { width: 100%;   }

div.portalLayoutCols4 > div.portalLayoutRow > div.portalLayoutCell  { width: 25%;    }
div.portalLayoutCols4 > div.portalLayoutRow > div.portalLayoutCols2 { width: 50%;    }
div.portalLayoutCols4 > div.portalLayoutRow > div.portalLayoutCols3 { width: 75%;    }
div.portalLayoutCols4 > div.portalLayoutRow > div.portalLayoutCols4 { width: 100%;   }

div.portalLayoutCols5 > div.portalLayoutRow > div.portalLayoutCell  { width: 20%;    }
div.portalLayoutCols5 > div.portalLayoutRow > div.portalLayoutCols2 { width: 40%;    }
div.portalLayoutCols5 > div.portalLayoutRow > div.portalLayoutCols3 { width: 60%;    }
div.portalLayoutCols5 > div.portalLayoutRow > div.portalLayoutCols4 { width: 80%;    }
div.portalLayoutCols5 > div.portalLayoutRow > div.portalLayoutCols5 { width: 100%;   }

div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCell  { width: 16.66%; }
div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCols2 { width: 33.33%; }
div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCols3 { width: 50%;    }
div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCols4 { width: 66.66%; }
div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCols5 { width: 83.33%; }
div.portalLayoutCols6 > div.portalLayoutRow > div.portalLayoutCols6 { width: 100%;   }

div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCell  { width: 14.3%;  }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols2 { width: 28.5%;  }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols3 { width: 42.8%;  }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols4 { width: 57%;    }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols5 { width: 71.3%;  }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols6 { width: 85.5%;  }
div.portalLayoutCols7 > div.portalLayoutRow > div.portalLayoutCols7 { width: 100%;   }

div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCell  { width: 12.5%;  }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols2 { width: 25%;    }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols3 { width: 37.5%;  }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols4 { width: 50%;    }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols5 { width: 62.5%;  }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols6 { width: 75%;    }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols7 { width: 87.5%;  }
div.portalLayoutCols8 > div.portalLayoutRow > div.portalLayoutCols8 { width: 100%;   }
*/

/*
* Estilos genéricos para tablas a varias columnas (hasta 10) basadas en capas (plugin del TinyMCE)
*/
div.cmTable {
	display: table;
	width: 100%;
}

div.cmTableRow {
	display: table-row;
}

div.cmTableRow > div {
	display: table-cell;
	vertical-align: top;
}

div.cmTableRow > div + div {
	padding-left:15px;
}

div.cmTableCols2  > div { width: 50%;    }
div.cmTableCols3  > div { width: 33.33%; }
div.cmTableCols4  > div { width: 25%;    }
div.cmTableCols5  > div { width: 20%;    }
div.cmTableCols6  > div { width: 16.66%; }
div.cmTableCols7  > div { width: 14.3%;  }
div.cmTableCols8  > div { width: 12.5%;  }
div.cmTableCols9  > div { width: 11.11%; }
div.cmTableCols10 > div { width: 10%;    }

@media screen and (max-width: 767px) {
	body:not(#tinymce) div.cmTable,
	body:not(#tinymce) div.cmTableRow,
	body:not(#tinymce) div.cmTableRow > div {
		display: block;
		width: auto;
	}

	body:not(#tinymce) div.cmTableRow > div + div {
		padding-left:0;
		margin-top: 10px;
	}
}

/* Para alinear correctamente textos que no estén en párrafos dentro del TinyMCE */
*[align=center] {
	text-align: center;
}
*[align=right] {
	text-align: right;
}
*[align=justify] {
	text-align: justify;
}

/**
* Estilo genérico para los banners
*/
.cmBannersRelativePosition img {
	max-width: 100%;
	height: auto;
}

.cmBannersHorizontalMode:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cmBannersHorizontalMode {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cmBannersHorizontalMode .cmBannersRelativePosition {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.cmBannersVerticalMode {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cmBannersVerticalMode .cmBannersRelativePosition {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cmBannersVerticalMode .cmBannersRelativePosition a {
	display: block;
}

.cmBannersRollMode{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

.cmBannersRollMode li{
	position:absolute;
	right:0;
	top:0;
}

.cmBannersRollMode li a{
	display:block;
}

.imageText {
	display: block;
}

/* Icono para los enlaces de popups */
img.cmPopupIcon {
	margin-left: 2px;
	vertical-align: baseline;
}
.cmMenuPopupImage img {
	vertical-align: baseline;
}

/* Texto para las imágenes de los enlaces de popups */
span.cmPopupText {
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	padding: 6px 8px;
	text-decoration: none !important;
	text-align: left;
	font-weight: normal;
	display: none;
}

.cmEmbedImageLink {
	position: relative;
	line-height: 1.2;
	display: inline-block;
}

a:focus span.cmPopupText,
a:active span.cmPopupText,
a:hover span.cmPopupText {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: normal;
	text-decoration: none !important;
	font-size: 12px;
	line-height: 1.1;
	z-index: 1015;
	cursor: pointer;
	min-width:5em;
}


.cmContentImageLink span.cmPopupText {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

span.cmHighlight {
	background-color: yellow;
	font-weight: bold;
}

/* Estilos genéricos para el scroll */
div.cmScrollActions {
	bottom: 0;
	right: 0;
	z-index: 1015;
}

ul.cmScrollContentList {
	height: 8em;
}

/* Estilos para el glosario de términos */
.cmGlossaryBlock {
	word-wrap: break-word;
}

/* Estilos para los tipos de lista */
ol.cmListNone, ul.cmListNone, li.cmListNone {
	list-style: none !important;
}

ol.cmListLoweralpha {
	list-style-type: lower-alpha;
}

ol.cmListLowergreek {
	list-style-type: lower-greek;
}

ol.cmListLowerroman {
	list-style-type: lower-roman;
}

ol.cmListUpperalpha {
	list-style-type: upper-alpha;
}

ol.cmListUpperroman {
	list-style-type: upper-roman;
}

ul.cmListCircle {
	list-style-type: circle;
}

ul.cmListDisc {
	list-style-type: disc;
}

ul.cmListSquare {
	list-style-type: square;
}

/* Estilos para las imágenes alternativas de los banners */
.cmBannersRelativePosition {
	position: relative;
}

.cmHorizontalBannersRelativePosition {
	position: relative;
	float: left;
}

div.cmEnlargeImageBannerLeft {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

div.cmEnlargeImageBannerRight {
	display: none; 
	position: absolute; 
	right: 0;
	top: 0;
}

/* Estilos genéricos para Google Maps */
.cmMap_Container,
.cmMap_googleMaps {
	position: relative;
	width: 100%;
	height: 200px;
}

.cmMap_searchBox {
	position: absolute;
	top: 15px;
	left: 30%;
	z-index: 5;
	max-width: 250px;
	right: 30%;
}

.cmMap_searchBox .input-group {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.cmMap_searchBox .btn {
	margin-right: -1px;
}

ul.cmMap_Menu {
	position: absolute;
	z-index: 1000;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 46px;
	border: none;
	background: none;
	background-image: url(../imagenes/contents/bg_menuMap.png);
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.cmMap_Menu li.cmMap_MenuItem {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0.4em 0 0.4em 0.8em;
	line-height: 3.2em;
	min-width: 10.5em;
	color:#fff;
}

ul.cmMap_Menu li.cmMap_MenuItem span {
	padding-left: 5px;
}

ul.cmMap_Menu li.cmMap_MenuItem img,
ul.cmMap_Menu li.cmMap_MenuItem span {
	vertical-align: middle;
}

div.infoWindowOverlayToShow{
	color:#333;
}

div.infoWindowOverlayToShow .infoWindowName{
	font-size:1.5em;
	color:#333;
	font-weight:bold;
}

div.infoWindowOverlayToShow .infoWindowDescription,
div.infoWindowOverlayToShow .infoWindowUrl{
	padding-top:1em;
}

div.infoWindowOverlayToShow .infoWindowUrl span{
	margin-right:1em;
}

div.infoWindowOverlayToShow a{
	color:#369;
}


/* Ampliar mapa / cómo llegar */
.tkShowMap {
	background-color: #000;
	color: #3A485B;
	overflow: hidden;
}

.tkShowMap .cmMap_Container,
.tkShowMap .cmMap_googleMaps {
	height: 500px;
}

.tkShowMap.showForm .cmMap_Container,
.tkShowMap.showForm .cmMap_googleMaps {
	height: 440px;
}

/*botones*/
.showMapFormContainer button.cmTypeSubmit,
.showMapFormContainer button.cmTypeReset{
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.6em;
	border:none;
	min-width: 74px;
	min-height: 21px;
	position: relative;
	text-align: center;
}

.showMapFormContainer {
	padding: 0 10px 10px 10px;
	font-size: 1.1em;
	color: #fff;
	overflow:hidden;
}

.showMapFormContainer input{
	color:#000;
}

/* Google Maps cuando mostramos el itinerario de la ruta en el panel izquierdo */
.tkShowMap.cmMap_googleMapsRoute .cmMap_googleMaps {
	float: left;
}

/* Panel izquierdo con el itinerario para la ruta calculada de Google Maps */
.cmMap_directions {
	margin: 0 6px 0 0;
	color: #3A485B;
	background-color: #fff;
	width: 294px;
	height: 440px;
	overflow: auto;
	float: left;
	display: none;
}

.tkShowMap.showDirections .cmMap_directions {
	height: 500px;
}

.tkShowMap.cmMap_googleMapsRoute ul.cmMap_Menu {
	left: 300px;
}

.tkShowMap li.cmMap_MenuItem {
	font-size: 1.1em;
}

.tkShowMap.showFormOnDemand .cmMap_directions,
.tkShowMap.showFormOnDemand .cmMap_googleMaps,
.tkShowMap.showFormOnDemand .cmMap_Container{
	height:438px;
}

/* Estilos genéricos para los enlaces multiples */
.cmNavMultiContentLink {
	display: inline;
	cursor: pointer;
	position: relative;
	border-bottom: 1px dotted black;
}
.cmNavMultiContentLink .block {
	position: absolute;
	border: 1px solid #D3D3D3;
	background-color: white;
	display: none;
	top: 5px;
	left: 5px;
	min-width: 20em;
	padding: 5px;
	z-index: 1;
}
.cmNavMultiContentLink .block a {
	display: block;
}
.cmNavMultiContentLink:hover .block {
	display: block;
}

/* Estilos genéricos para los iframes */
.ajaxIframe,
.iframeBlogButtons,
.loginIframe,
.iframeLightbox,
.iframeBox iframe,
.modal-iframe iframe {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	display: block;
	clear: both;
}
.modal-iframe .modal-body {
	padding: 0;
}

/** Clases basicas para el servicio de nube de etiquetas de búsqueda*/
.cmCloud1{
	font-size: 1em;
}
.cmCloud2{
	font-size: 1.2em;
}
.cmCloud3{
	font-size: 1.4em;
}
.cmCloud4{
	font-size: 1.6em;
}
.cmCloud5{
	font-size: 1.8em;
}
.cmCloud6{
	font-size: 2em;
}
.cmCloud7{
	font-size: 2.2em;
}
.cmCloud8{
	font-size: 2.4em;
}
.cmCloud9{
	font-size: 2.6em;
}

.dontShow {
	display: none;
}

/* Oculta por defecto todos los controles de xforms */
.form-hidden {
	display: none !important;
}

/* Wait dialog */
.wait-open {
	position: relative;
}

.wait-dialog,
.wait-overlay {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	color: white;
}

.wait-dialog {
	z-index: 2049;
}

.wait-overlay {
	z-index: 2050;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

.wait-icon,
.wait-text {
	position: fixed;
	z-index: 2051;
	text-align: center;
	display: block !important;
	width: 100%;
}

.wait-icon {
	margin-top: 200px;
}

.wait-text {
	margin-top: 280px;
}

.cmAutoPagination:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cmAutoPagination ~ .spinner {
	padding: 15px 0;
	position: relative;
	text-align: center;
	color: #767676;
	opacity: .5;
	clear: both;
}

.cmAutoPagination ~ .cmNavigation {
	display: none;
}

.cmAutoPagination ~ .cmNavigation {
	display: none;
}

.manual-scroll .contentViewMore {
	display: none;
}

.cmMandatory,
.cmMandatory.fa {
	color: #ee0000;
	font-size: 10px;
}

div[class*="animation-"] {
	visibility: hidden;
}

/* Estilos para el validador genérico de Proxia */
.cmFormError {
	position: relative;
}
.cmFormError.sr-only {
	position: absolute;
}
.cmFormError,
.cmFormError .help-block,
.cmFormError .control-label,
.cmFormError .radio,
.cmFormError .checkbox,
.cmFormError .radio-inline,
.cmFormError .checkbox-inline,
.cmFormError.radio label,
.cmFormError.checkbox label,
.cmFormError.radio-inline label,
.cmFormError.checkbox-inline label {
	color: #ee0000;
}
.cmFormError .mceEditor table.mceLayout,
.cmFormError .mceEditor table.mceLayout tr.mceFirst td,
.cmFormError .mceEditor table.mceLayout tr.mceLast td,
.cmFormError input,
.cmFormError textarea,
.cmFormError select,
.cmFormError .form-control {
	border-color: #ee0000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.cmFormError input:focus,
.cmFormError textarea:focus,
.cmFormError select:focus,
.cmFormError .form-control:focus,
.cmFormError .form-control:focus+.input-group-addon {
	outline-color: #FF6B6B;
	border-color: #FF6B6B;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
}
.cmFormError .input-group-btn .btn,
.cmFormError .input-group-addon {
	color: #ee0000;
	border-color: #ee0000;
	background-color: #FFE8E8;
}
.cmFormError .form-control-feedback {
	color: #ee0000;
}
.cmFormError .dropdown-menu,
.cmFormError .dropdown-menu label,
.cmFormError .dropdown-menu.daterangepicker {
	z-index: 1000;
	color: #333;
}
.cmFormAlert {
	clear: both;
}
.cmFormAlert p {
	margin: 0;
	line-height: 1.2;
	font-size: 13px;
	position: absolute;
	z-index: 1000;
	margin-top: 5px;
	display: block;
}
.cmFormAlertInner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	background-color: #ee0000;
	border-radius: 0;
	display: block;
	white-space: normal;
	text-align: left;
}
.cmFormAlertArrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	top: 0;
	left: 8px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #ee0000;
	display: block;
}

.color-text-gray,
.color-text-gray a,
.color-text-gray a:active,
.color-text-gray a:focus,
.color-text-gray a:visited { color: #f2f2f2; }

.color-text-primary,
.color-text-primary a,
.color-text-primary a:active,
.color-text-primary a:focus,
.color-text-primary a:visited { color: rgb(48, 67, 129); }

.color-text-primary-light,
.color-text-primary-light a,
.color-text-primary-light a:active,
.color-text-primary-light a:focus,
.color-text-primary-light a:visited { color: rgba(48, 67, 129, 0.15); }

.color-text-secondary,
.color-text-secondary a,
.color-text-secondary a:active,
.color-text-secondary a:focus,
.color-text-secondary a:visited { color: rgb(231, 146, 1); }

.color-text-secondary-light,
.color-text-secondary-light a,
.color-text-secondary-light a:active,
.color-text-secondary-light a:focus,
.color-text-secondary-light a:visited { color: rgba(231, 146, 1, 0.15); }

.color-border-gray { border-color: #ccc; }
.color-border-primary { border-color: rgb(48, 67, 129); }
.color-border-primary-light { border-color: rgba(48, 67, 129, 0.15); }
.color-border-secondary { border-color: rgb(231, 146, 1); }
.color-border-secondary-light { border-color: rgba(231, 146, 1, 0.15); }

.color-background-gray { background: #f3f3f3; }
.color-background-primary { background: rgb(48, 67, 129); }
.color-background-primary-light { background: rgba(48, 67, 129, 0.15); }
.color-background-secondary { background: rgb(231, 146, 1); }
.color-background-secondary-light { background: rgba(231, 146, 1, 0.15); }

.color-background-primary,
.color-background-primary a,
.color-background-primary a:active,
.color-background-primary a:focus,
.color-background-primary a:visited,
.color-background-secondary,
.color-background-secondary a,
.color-background-secondary a:active,
.color-background-secondary a:focus,
.color-background-secondary a:visited { color: #fff !important; }

/* Clases de utilidad (algunas vienen en bootstrap 4.0 de serie, pero hasta entonces...) */
.m-a-0, .margin-0           { margin:        0 !important; }
.m-t-0, .margin-top-0       { margin-top:    0 !important; }
.m-r-0, .margin-right-0     { margin-right:  0 !important; }
.m-b-0, .margin-bottom-0    { margin-bottom: 0 !important; }
.m-l-0, .margin-left-0      { margin-left:   0 !important; }
.m-x-0                      { margin-right:  0 !important; margin-left:   0 !important; }
.m-y-0                      { margin-top:    0 !important; margin-bottom: 0 !important; }
.m-x-auto                   { margin-right: auto !important; margin-left: auto !important; }

.m-a-10, .margin-10         { margin:        10px !important; }
.m-t-10, .margin-top-10     { margin-top:    10px !important; }
.m-r-10, .margin-right-10   { margin-right:  10px !important; }
.m-b-10, .margin-bottom-10  { margin-bottom: 10px !important; }
.m-l-10, .margin-left-10    { margin-left:   10px !important; }
.m-x-10                     { margin-right:  10px !important; margin-left:   10px !important; }
.m-y-10                     { margin-top:    10px !important; margin-bottom: 10px !important; }

.m-a, .margin-15            { margin:        15px !important; }
.m-t, .margin-top-15        { margin-top:    15px !important; }
.m-r, .margin-right-15      { margin-right:  15px !important; }
.m-b, .margin-bottom-15     { margin-bottom: 15px !important; }
.m-l, .margin-left-15       { margin-left:   15px !important; }
.m-x                        { margin-right:  15px !important; margin-left: 15px !important; }
.m-y                        { margin-top:    15px !important; margin-bottom: 15px !important; }

.m-a-20, .margin-20         { margin:        20px !important; }
.m-t-20, .margin-top-20     { margin-top:    20px !important; }
.m-r-20, .margin-right-20   { margin-right:  20px !important; }
.m-b-20, .margin-bottom-20  { margin-bottom: 20px !important; }
.m-l-20, .margin-left-20    { margin-left:   20px !important; }
.m-x-20                     { margin-right:  20px !important; margin-left: 20px !important; }
.m-y-20                     { margin-top:    20px !important; margin-bottom: 20px !important; }

.p-a-0, .padding-0          { padding:        0 !important; }
.p-t-0, .padding-top-0      { padding-top:    0 !important; }
.p-r-0, .padding-right-0    { padding-right:  0 !important; }
.p-b-0, .padding-bottom-0   { padding-bottom: 0 !important; }
.p-l-0, .padding-left-0     { padding-left:   0 !important; }
.p-x-0                      { padding-left:   0 !important; padding-right: 0 !important; }
.p-y-0                      { padding-top:    0 !important; padding-bottom: 0 !important; }

.p-a-10, .padding-10        { padding:        10px !important; }
.p-t-10, .padding-top-10    { padding-top:    10px !important; }
.p-r-10, .padding-right-10  { padding-right:  10px !important; }
.p-b-10, .padding-bottom-10 { padding-bottom: 10px !important; }
.p-l-10, .padding-left-10   { padding-left:   10px !important; }
.p-x-10                     { padding-left:   10px !important; padding-right:  10px !important; }
.p-y-10                     { padding-top:    10px !important; padding-bottom: 10px !important; }

.p-a, .padding-15           { padding:        15px !important; }
.p-t, .padding-top-15       { padding-top:    15px !important; }
.p-r, .padding-right-15     { padding-right:  15px !important; }
.p-b, .padding-bottom-15    { padding-bottom: 15px !important; }
.p-l, .padding-left-15      { padding-left:   15px !important; }
.p-x                        { padding-right:  15px !important; padding-left:   15px !important; }
.p-y                        { padding-top:    15px !important; padding-bottom: 15px !important; }

.p-a-20, .padding-20        { padding:        20px !important; }
.p-t-20, .padding-top-20    { padding-top:    20px !important; }
.p-r-20, .padding-right-20  { padding-right:  20px !important; }
.p-b-20, .padding-bottom-20 { padding-bottom: 20px !important; }
.p-l-20, .padding-left-20   { padding-left:   20px !important; }
.p-x-20                     { padding-left:   20px !important; padding-right:  20px !important; }
.p-y-20                     { padding-top:    20px !important; padding-bottom: 20px !important; }

.b-a-0, .border-0           { border:        0 !important; }
.b-t-0, .border-top-0       { border-top:    0 !important; }
.b-r-0, .border-right-0     { border-right:  0 !important; }
.b-b-0, .border-bottom-0    { border-bottom: 0 !important; }
.b-l-0, .border-left-0      { border-left:   0 !important; }
.b-x-0                      { border-left:   0 !important; border-right: 0 !important; }
.b-y-0                      { border-top:    0 !important; border-bottom: 0 !important; }
.b-s-0                      { box-shadow: none !important; }

.b-a-1, .border-1           { border-width:        1px !important; border-style: solid !important; }
.b-t-1, .border-top-1       { border-top-width:    1px !important; border-top-style: solid !important; }
.b-r-1, .border-right-1     { border-right-width:  1px !important; border-right-style: solid !important; }
.b-b-1, .border-bottom-1    { border-bottom-width: 1px !important; border-bottom-style: solid !important; }
.b-l-1, .border-left-1      { border-left-width:   1px !important; border-left-style: solid !important; }
.b-x-1                      { border-left-width:   1px !important; border-right-width: 0 !important;  border-left-style: solid !important; border-right-style: solid !important; }
.b-y-1                      { border-top-width:    1px !important; border-bottom-width: 0 !important; border-top-style: solid !important; border-bottom-style: solid !important; }

/* Para que los legend de los paneles se comporten como si fueran DIVs */
legend.panel-heading {
	font-size: 15px;
	line-height: 1.42857143;
	margin-bottom: 10px;
	float: left;
}

/* Las abreviaturas en algunos navegadores se muestran con doble subrayado */
abbr[data-original-title],
abbr[title] {
	text-decoration: none;
}

/* Plugin: PhotoSwipe */
.pswp__ui--idle .pswp__top-bar {
	opacity: 1 !important;
}

.pswp__ui--idle .pswp__counter,
.pswp__ui--idle .pswp__button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	opacity: 0;
}

.pswp__type_video .pswp__caption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	opacity: 0;
}

.pswp__type_video .pswp__caption,
.pswp__type_audio .pswp__caption {
	bottom: 50px;
	background: none !important;
}

.pswp__type_video:hover .pswp__caption {
	opacity: 1;
}

.pswp:not(.pswp__type_image) .pswp__button--share {
	display: none !important;
}

.pswp__caption__center {
	text-align: center !important;
}

.pswp__caption__description {
	font-size: 11px;
}

.pswp__caption__author {
	font-size: 11px;
	color: #fff;
}

.pswp__item .audio {
	width: 100%;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 24em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pswp__item .audio .fa {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	font-size: 150px;
	color: #666;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	opacity: 0;
}

.pswp--animated-in .pswp__item .audio .fa {
	opacity: 1;
}

.pswp__item .audio audio {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.pswp__item .iframe iframe {
	border: none;
}

.pswp__type_flv .pswp__buttons .pswp__button,
.pswp__type_flash .pswp__buttons .pswp__button,
.pswp__type_iframe .pswp__buttons .pswp__button {
	background-color: #000;
}

.pswp__item .jpageflip,
.pswp__item .flv,
.pswp__item .flv object,
.pswp__item .flv embed,
.pswp__item .flash,
.pswp__item .flash object,
.pswp__item .flash embed,
.pswp__item .iframe,
.pswp__item .iframe iframe,
.pswp__item .video {
	width: 100%;
	height: 100%;
}

.pswp__type_flv .pswp__caption,
.pswp__type_flash .pswp__caption,
.pswp__type_iframe .pswp__caption,
.pswp__type_jpageflip .jpfFullscreen,
.pswp__type_jpageflip .pswp__caption {
	display: none !important;
}

.pswp__item .jpageflip {
	background: #515151;
}

.pswp__type_flv .pswp__top-bar,
.pswp__type_flash .pswp__top-bar,
.pswp__type_video .pswp__top-bar,
.pswp__type_audio .pswp__top-bar,
.pswp__type_iframe .pswp__top-bar,
.pswp__type_jpageflip .pswp__top-bar {
	left: auto;
	right: 0;
	width: auto;
	background: none !important;
}

.pswp__type_flv .pswp__preloader,
.pswp__type_flash .pswp__preloader,
.pswp__type_video .pswp__preloader,
.pswp__type_audio .pswp__preloader,
.pswp__type_iframe .pswp__preloader,
.pswp__type_jpageflip .pswp__preloader {
	display: none !important;
}

.pswp__item .video video {
	width: 100%;
	height: 100%;
}

.pswp__buttons {
	float: right !important;
}

.pswp__button {
	float: left !important;
}

.pswp__button:focus {
	outline: 1px dotted #fff;
	opacity: 1 !important;
}
.visibleCalendarDay {
    display: list-item;
}

.hiddenCalendarDay {
    display: none;
}

/* Enlace para volver arriba */
.back-to-top,
.back-to-top:active,
.back-to-top:focus,
.back-to-top:visited {
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 1000;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	background: #000;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 50%;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
}
.back-to-top span {
	color: #fff;
}
.back-to-top.show {
	opacity: 0.6;
}
.back-to-top.show:hover {
	opacity: 1;
}

/*Saltar contenido,  visible en el evento :focus */
.jump-to-content {
    margin: 0;
    position: fixed;
    display: inline-block;
    z-index: 2000;
    top: 0;
}

.jump-to-content a {
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    background-color: #ff0;
    color: #000;
}

.jump-to-content a:hover,
.jump-to-content a:active,
.jump-to-content a:focus {
    z-index: 1005;
    position: relative;
    padding: 6px 12px;
    text-decoration: none;
}

/* Capa de espera dentro de un contenedor */
.overlay-wrapper {
  position: relative;
}

.overlay-wrapper > .overlay,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-wrapper .overlay {
  z-index: 1080;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  color: #aaa;
}
.overlay-wrapper .overlay span:not(.sr-only) {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  background: transparent;
  font-size: 30px;
}
body.overlay-wrapper .overlay span:not(.sr-only) {
  position: fixed;
}
.overlay-wrapper .overlay.dark {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

/* Icono para los enlaces de popups. En enlaces a contenido no se está generando bien así qeu de momento se oculta */
.cmBodyAbstractContent img.cmPopupIcon {
	display:none;
}