/*! jQuery UI - v1.13.2 - 2022-09-24
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@charset "utf-8";
/* CSS Document */
@layer reseteo, base, patrones, componentes, edicion;
/* 

El tamaño base para fuentes en el html es 16px, o una relación en incrementos o decrementos del 15%. Con base en este tamaño se calculan unidades @rem que en algún momento eran pixeles; para esto se hace una conversión en numerales-relativos.less como si la unidad en pixeles fuera 1/16. De esta manera estamos usando tamaños relativos a la fuente que funcionan responsivamente de forma conjunta si se altera el tamaño de fuente de la página, por ejemplo, por medio de herramientas de accesibilidad. Esto crea un sitio consistente en términos de tamaños relativos.

*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
@media print, screen {
  * {
    transition: width 1s ease;
  }
}
body {
  font-size: 1.0625rem;
  /* Pie de página llena el alto si hace falta (debe tener flex:1;) */
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
button * {
  pointer-events: none;
}
.header0 {
  font-size: 3.4375rem;
}
.header1 {
  font-size: 3rem;
}
.header2 {
  font-size: 2.25rem;
}
.header3 {
  font-size: 1.75rem;
}
.header4 {
  font-size: 1.375rem;
}
.header5 {
  font-size: 1rem;
}
h1.nuevo {
  margin: 0;
}
.header6,
.sub-enc em {
  font-size: 0.875rem;
}
.listado.noticias .header0,
.listado.noticias .header1,
.listado.noticias .header2,
.listado.noticias .header3,
.listado.noticias .header4 {
  font-size: 1.125rem;
}
.nota-pie {
  font-size: 0.75rem;
  margin: 1.25rem 0 1.25rem 0;
}
.ocultar.cel {
  display: none;
}
.ocultar.no-cel {
  display: initial;
}
html.translated-ltr body,
html.translated-rtl body {
  margin-top: 38px;
}
html.translated-ltr body #encabezado,
html.translated-rtl body #encabezado,
html.translated-ltr body #centro-arriba,
html.translated-rtl body #centro-arriba {
  margin-top: 38px;
}
html.translated-ltr body .panel.funciones.flotante,
html.translated-rtl body .panel.funciones.flotante {
  top: 38px;
}
iframe.goog-te-menu-frame {
  left: auto!important;
  right: 2rem;
  top: 11.25rem !important;
  width: 360px;
}
button {
  cursor: pointer;
  padding: 0;
}
a[role="button"] {
  cursor: pointer;
}
/*
a.externo::after
{
	content: "\f08e";
	display: inline-block;
	font-family: 'FontAwesome';
	margin-left: 0.5rem;
	font-size: smaller;
}*/
#encabezado .izquierda {
  position: relative;
}
#encabezado .izquierda * {
  transition: all 400ms ease-in-out;
}
#encabezado .izquierda #firma-ucr,
#encabezado .izquierda #firma-ucr * {
  transition: width 1ms ease-in, height 400ms ease-in-out;
}
a img {
  border: none;
}
img,
.borde-zoom,
.borde-zoom *,
.agenda .listado .entrada {
  transition: none;
}
img,
svg,
object.svg {
  height: initial;
  max-width: 100%;
}
.imagen-banner img,
.imagen-principal img,
img.set,
img.fija,
.svg.inject svg {
  width: 100%;
}
.imagen > .marco {
  container-type: inline-size;
  display: block;
}
@container (min-width: 295px) {
  img.change-src {
    background-image: var(--img-change-medium);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-position: -200vw -200vh;
    object-fit: scale-down;
  }
}
@container (min-width: 650px) {
  img.change-src {
    background-image: var(--img-change-large);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-position: -150% -150%;
    object-fit: scale-down;
  }
}
@container (min-width: 766px) {
  img.change-src {
    background-image: var(--img-change-xx-large);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-position: -150% -150%;
    object-fit: scale-down;
  }
}
@container (min-width: 1059px) {
  img.change-src {
    background-image: var(--img-change-pri_x-large);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-position: -150% -150%;
    object-fit: scale-down;
  }
}
@container (min-width: 1360px) {
  img.change-src {
    background-image: var(--img-change-pri_xx-large);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    object-position: -150% -150%;
    object-fit: scale-down;
  }
}
.empotrado svg,
.empotrado.svg object,
.empotrada svg,
.empotrada.svg object {
  height: 100%;
  width: 100%;
}
.svg.empotrada {
  line-height: 0;
}
.svg.empotrada g {
  transform-box: fill-box;
  transform-origin: center bottom;
}
@media screen {
  *:focus:not(a):not(button):not(input) {
    outline: none;
  }
  /************ Trueno **************/
  @font-face {
    font-family: 'TruenoSBd';
    /* SemiBold */
    src: url('../fonts/TruenoSBd.eot');
    src: url('../fonts/TruenoSBd.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoSBd.woff2') format('woff2'), url('../fonts/TruenoSBd.woff') format('woff'), url('../fonts/TruenoSBd.ttf') format('truetype'), url('../fonts/TruenoSBd.svg#TruenoSBd') format('svg');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoLtIt';
    /* Light Italic */
    src: url('../fonts/TruenoLtIt.eot');
    src: url('../fonts/TruenoLtIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoLtIt.woff2') format('woff2'), url('../fonts/TruenoLtIt.woff') format('woff'), url('../fonts/TruenoLtIt.ttf') format('truetype'), url('../fonts/TruenoLtIt.svg#TruenoLtIt') format('svg');
    font-weight: 300;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBdOl';
    /* Bold Contornos */
    src: url('../fonts/TruenoBdOl.eot');
    src: url('../fonts/TruenoBdOl.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBdOl.woff2') format('woff2'), url('../fonts/TruenoBdOl.woff') format('woff'), url('../fonts/TruenoBdOl.ttf') format('truetype'), url('../fonts/TruenoBdOl.svg#TruenoBdOl') format('svg');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoLt';
    /* Light */
    src: url('../fonts/TruenoLt.eot');
    src: url('../fonts/TruenoLt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoLt.woff2') format('woff2'), url('../fonts/TruenoLt.woff') format('woff'), url('../fonts/TruenoLt.ttf') format('truetype'), url('../fonts/TruenoLt.svg#TruenoLt') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoBlkOlIt';
    /* Black Italic Contornos */
    src: url('../fonts/TruenoBlkOlIt.eot');
    src: url('../fonts/TruenoBlkOlIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBlkOlIt.woff2') format('woff2'), url('../fonts/TruenoBlkOlIt.woff') format('woff'), url('../fonts/TruenoBlkOlIt.ttf') format('truetype'), url('../fonts/TruenoBlkOlIt.svg#TruenoBlkOlIt') format('svg');
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBlkOl';
    /* Black Contornos */
    src: url('../fonts/TruenoBlkOl.eot');
    src: url('../fonts/TruenoBlkOl.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBlkOl.woff2') format('woff2'), url('../fonts/TruenoBlkOl.woff') format('woff'), url('../fonts/TruenoBlkOl.ttf') format('truetype'), url('../fonts/TruenoBlkOl.svg#TruenoBlkOl') format('svg');
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoUltLt';
    /* Ultra Light */
    src: url('../fonts/TruenoUltLt.eot');
    src: url('../fonts/TruenoUltLt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoUltLt.woff2') format('woff2'), url('../fonts/TruenoUltLt.woff') format('woff'), url('../fonts/TruenoUltLt.ttf') format('truetype'), url('../fonts/TruenoUltLt.svg#TruenoUltLt') format('svg');
    font-weight: 200;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoBd';
    /* Bold */
    src: url('../fonts/TruenoBd.eot');
    src: url('../fonts/TruenoBd.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBd.woff2') format('woff2'), url('../fonts/TruenoBd.woff') format('woff'), url('../fonts/TruenoBd.ttf') format('truetype'), url('../fonts/TruenoBd.svg#TruenoBd') format('svg');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoExBdIt';
    /* Extra Bold Italic */
    src: url('../fonts/TruenoExBdIt.eot');
    src: url('../fonts/TruenoExBdIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoExBdIt.woff2') format('woff2'), url('../fonts/TruenoExBdIt.woff') format('woff'), url('../fonts/TruenoExBdIt.ttf') format('truetype'), url('../fonts/TruenoExBdIt.svg#TruenoExBdIt') format('svg');
    font-weight: 800;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBlkIt';
    /* Black Italic */
    src: url('../fonts/TruenoBlkIt.eot');
    src: url('../fonts/TruenoBlkIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBlkIt.woff2') format('woff2'), url('../fonts/TruenoBlkIt.woff') format('woff'), url('../fonts/TruenoBlkIt.ttf') format('truetype'), url('../fonts/TruenoBlkIt.svg#TruenoBlkIt') format('svg');
    font-weight: 900;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoRg';
    /* Regular */
    src: url('../fonts/TruenoRg.eot');
    src: url('../fonts/TruenoRg.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoRg.woff2') format('woff2'), url('../fonts/TruenoRg.woff') format('woff'), url('../fonts/TruenoRg.ttf') format('truetype'), url('../fonts/TruenoRg.svg#TruenoRg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoUltLtIt';
    /* Ultra Light Italic */
    src: url('../fonts/TruenoUltLtIt.eot');
    src: url('../fonts/TruenoUltLtIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoUltLtIt.woff2') format('woff2'), url('../fonts/TruenoUltLtIt.woff') format('woff'), url('../fonts/TruenoUltLtIt.ttf') format('truetype'), url('../fonts/TruenoUltLtIt.svg#TruenoUltLtIt') format('svg');
    font-weight: 200;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBdOlIt';
    /* Bold Italic  Contornos */
    src: url('../fonts/TruenoBdOlIt.eot');
    src: url('../fonts/TruenoBdOlIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBdOlIt.woff2') format('woff2'), url('../fonts/TruenoBdOlIt.woff') format('woff'), url('../fonts/TruenoBdOlIt.ttf') format('truetype'), url('../fonts/TruenoBdOlIt.svg#TruenoBdOlIt') format('svg');
    font-weight: bold;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBdIt';
    /* Bold Italic */
    src: url('../fonts/TruenoBdIt.eot');
    src: url('../fonts/TruenoBdIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBdIt.woff2') format('woff2'), url('../fonts/TruenoBdIt.woff') format('woff'), url('../fonts/TruenoBdIt.ttf') format('truetype'), url('../fonts/TruenoBdIt.svg#TruenoBdIt') format('svg');
    font-weight: bold;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoExBdOlIt';
    /* Extra Bold Italic  Contornos */
    src: url('../fonts/TruenoExBdOlIt.eot');
    src: url('../fonts/TruenoExBdOlIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoExBdOlIt.woff2') format('woff2'), url('../fonts/TruenoExBdOlIt.woff') format('woff'), url('../fonts/TruenoExBdOlIt.ttf') format('truetype'), url('../fonts/TruenoExBdOlIt.svg#TruenoExBdOlIt') format('svg');
    font-weight: 800;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoBlk';
    /* Bold Black */
    src: url('../fonts/TruenoBlk.eot');
    src: url('../fonts/TruenoBlk.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoBlk.woff2') format('woff2'), url('../fonts/TruenoBlk.woff') format('woff'), url('../fonts/TruenoBlk.ttf') format('truetype'), url('../fonts/TruenoBlk.svg#TruenoBlk') format('svg');
    font-weight: 900;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoExBdOl';
    /* Extra Bold Contornos */
    src: url('../fonts/TruenoExBdOl.eot');
    src: url('../fonts/TruenoExBdOl.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoExBdOl.woff2') format('woff2'), url('../fonts/TruenoExBdOl.woff') format('woff'), url('../fonts/TruenoExBdOl.ttf') format('truetype'), url('../fonts/TruenoExBdOl.svg#TruenoExBdOl') format('svg');
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoExBd';
    /* Extra Bold */
    src: url('../fonts/TruenoExBd.eot');
    src: url('../fonts/TruenoExBd.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoExBd.woff2') format('woff2'), url('../fonts/TruenoExBd.woff') format('woff'), url('../fonts/TruenoExBd.ttf') format('truetype'), url('../fonts/TruenoExBd.svg#TruenoExBd') format('svg');
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: 'TruenoRgIt';
    /* Regular Italic */
    src: url('../fonts/TruenoRgIt.eot');
    src: url('../fonts/TruenoRgIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoRgIt.woff2') format('woff2'), url('../fonts/TruenoRgIt.woff') format('woff'), url('../fonts/TruenoRgIt.ttf') format('truetype'), url('../fonts/TruenoRgIt.svg#TruenoRgIt') format('svg');
    font-weight: normal;
    font-style: italic;
  }
  @font-face {
    font-family: 'TruenoSBdIt';
    /* Semi Bold Italic */
    src: url('../fonts/TruenoSBdIt.eot');
    src: url('../fonts/TruenoSBdIt.eot?#iefix') format('embedded-opentype'), url('../fonts/TruenoSBdIt.woff2') format('woff2'), url('../fonts/TruenoSBdIt.woff') format('woff'), url('../fonts/TruenoSBdIt.ttf') format('truetype'), url('../fonts/TruenoSBdIt.svg#TruenoSBdIt') format('svg');
    font-weight: 600;
    font-style: italic;
  }
  text[font-family='TruenoSBd'],
  text tspan[font-family='TruenoSBd'] {
    font-family: TruenoSBd;
  }
  text[font-family='TruenoLtIt'],
  text tspan[font-family='TruenoLtIt'] {
    font-family: TruenoLtIt;
  }
  text[font-family='TruenoBdOl'],
  text tspan[font-family='TruenoBdOl'] {
    font-family: TruenoBdOl;
  }
  text[font-family='TruenoLt'],
  text tspan[font-family='TruenoLt'] {
    font-family: TruenoLt;
  }
  text[font-family='TruenoBlkOlIt'],
  text tspan[font-family='TruenoBlkOlIt'] {
    font-family: TruenoBlkOlIt;
  }
  text[font-family='TruenoBlkOl'],
  text tspan[font-family='TruenoBlkOl'] {
    font-family: TruenoBlkOl;
  }
  text[font-family='TruenoUltLt'],
  text tspan[font-family='TruenoUltLt'] {
    font-family: TruenoUltLt;
  }
  text[font-family='TruenoBd'],
  text tspan[font-family='TruenoBd'] {
    font-family: TruenoBd;
  }
  text[font-family='TruenoExBdIt'],
  text tspan[font-family='TruenoExBdIt'] {
    font-family: TruenoExBdIt;
  }
  text[font-family='TruenoBlkIt'],
  text tspan[font-family='TruenoBlkIt'] {
    font-family: TruenoBlkIt;
  }
  text[font-family='TruenoRg'],
  text tspan[font-family='TruenoRg'] {
    font-family: TruenoRg;
  }
  text[font-family='TruenoUltLtIt'],
  text tspan[font-family='TruenoUltLtIt'] {
    font-family: TruenoUltLtIt;
  }
  text[font-family='TruenoBdOlIt'],
  text tspan[font-family='TruenoBdOlIt'] {
    font-family: TruenoBdOlIt;
  }
  text[font-family='TruenoBdIt'],
  text tspan[font-family='TruenoBdIt'] {
    font-family: TruenoBdIt;
  }
  text[font-family='TruenoExBdOlIt'],
  text tspan[font-family='TruenoExBdOlIt'] {
    font-family: TruenoExBdOlIt;
  }
  text[font-family='TruenoBlk'],
  text tspan[font-family='TruenoBlk'] {
    font-family: TruenoBlk;
  }
  text[font-family='TruenoExBdOl'],
  text tspan[font-family='TruenoExBdOl'] {
    font-family: TruenoExBdOl;
  }
  text[font-family='TruenoExBd'],
  text tspan[font-family='TruenoExBd'] {
    font-family: TruenoExBd;
  }
  text[font-family='TruenoRgIt'],
  text tspan[font-family='TruenoRgIt'] {
    font-family: TruenoRgIt;
  }
  text[font-family='TruenoSBdIt'],
  text tspan[font-family='TruenoSBdIt'] {
    font-family: TruenoSBdIt;
  }
  text[font-family="'ArialMT'"],
  svg tspan[font-family="'ArialMT'"] {
    font-family: arial;
  }
  text[font-family="'Arial-BoldMT'"],
  svg tspan[font-family="'Arial-BoldMT'"] {
    font-family: arial;
    font-weight: bold;
  }
  text[font-family="'Arial-Black'"],
  svg tspan[font-family="'Arial-Black'"] {
    font-family: arial;
    font-weight: bolder;
  }
  /********************* UCR MIX ************************/
  @font-face {
    font-family: 'ucrmix';
    src: url('../fonts/ucrmix.eot?gk35fh');
    src: url('../fonts/ucrmix.eot?gk35fh#iefix') format('embedded-opentype'), url('../fonts/ucrmix.ttf?gk35fh') format('truetype'), url('../fonts/ucrmix.woff?gk35fh') format('woff'), url('../fonts/ucrmix.svg?gk35fh#ucrmix') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  [class^="ucrfont-"],
  [class*=" ucrfont-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ucrmix' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .ucrfont-menu:before {
    content: "\e901";
  }
  .ucrfont-accesibilidad:before {
    content: "\e902";
  }
  .ucrfont-ayuda:before {
    content: "\e903";
  }
  .ucrfont-calendario:before {
    content: "\e904";
  }
  .ucrfont-idiomas:before {
    content: "\e905";
  }
  .ucrfont-ingresar:before {
    content: "\e906";
  }
  .ucrfont-lupa:before {
    content: "\e907";
  }
  .ucrfont-mapa:before {
    content: "\e908";
  }
  .ucrfont-noticias:before {
    content: "\e909";
  }
  .ucrfont-salir:before {
    content: "\e90a";
  }
  .ucrfont-bienes-y-gastos-fijos:before {
    content: "\e90b";
  }
  .ucrfont-compras-y-contrataciones:before {
    content: "\e90c";
  }
  .ucrfont-Datos-abiertos-y-el-itsp:before {
    content: "\e90d";
  }
  .ucrfont-informes-institucionales:before {
    content: "\e90e";
  }
  .ucrfont-jerarcas-y-decisiones:before {
    content: "\e90f";
  }
  .ucrfont-participacion-ciudadana:before {
    content: "\e910";
  }
  .ucrfont-planes-institucionales:before {
    content: "\e911";
  }
  .ucrfont-presupuestos:before {
    content: "\e912";
  }
  .ucrfont-recursos-humanos:before {
    content: "\e9ce";
  }
  .ucrfont-servicios-y-tramites:before {
    content: "\e9cf";
  }
  .ucrfont-translate:before {
    content: "\e900";
  }
}
/***********************************************************/
/* MARCO EXTERNO */
body {
  margin: 0;
  padding: 0;
  font-family: 'TruenoRg', arial;
  background: #fff;
}
body.dislexia,
body.dislexia *:not(.fa):not([class="*ucrfont-*"]) {
  font-family: 'OpenDyslexicRegular', "Comic Sans MS", "Comic Sans", cursive;
}
body.basica {
  background: white;
}
button,
select,
input[type="text"],
input[type="date*"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="tel"],
input[type="range"],
input[type="number"],
input[type="url"] {
  font-family: 'TruenoLt', arial;
}
form {
  margin: 0;
}
#marco-principal {
  /*display:block;
	height:100%;*/
  position: relative;
  /* Poner el pie de página siempre ajustado al borde inferior: */
  min-height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  /***************************/
}
#marco-principal > .contenido.interno {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
}
#contenidos {
  margin-top: 0;
  z-index: 1;
  position: relative;
  background: #fff;
}
#pos-BANNER_ABAJO {
  z-index: 1;
  position: relative;
  background: #fff;
}
span.margenes {
  display: block;
  position: relative;
}
.posicionado {
  position: relative;
}
.margenes.centrado {
  margin-left: auto;
  margin-right: auto;
}
.interno {
  margin-left: auto;
  margin-right: auto;
}
.interno .destacado,
.interno .contenedor-imagen-banner.fondo,
.interno .recuadro.destacado {
  position: relative;
  width: 100vw;
  left: calc(-49vw + 49%);
}
.interno,
.margenes {
  max-width: 84.5rem;
}
.interno.tabla {
  position: relative;
}
.relativo {
  position: relative;
}
#contenidos.con-izquierda.interno {
  margin-left: 0;
  padding-left: 0;
}
#contenidos.con-izquierda.interno,
.con-izquierda .interno {
  width: auto;
}
._100w {
  width: 100%;
}
._90w {
  width: 90%;
}
._80w {
  width: 80%;
}
._70w {
  width: 70%;
}
._60w {
  width: 60%;
}
._50w {
  width: 50%;
}
._40w {
  width: 40%;
}
._30w {
  width: 30%;
}
._20w {
  width: 20%;
}
._10w {
  width: 10%;
}
.interno.texto,
.interno.centra,
ul.listado,
#marco-principal.detalle-noticia .interno.con-ruta,
#marco-principal.detalle-agenda .borde .ruta,
#enlace-comentarios,
#comentando,
#espacio-comentarios .seccion.ancho-interno .contenedor {
  width: 56.25rem;
}
#columna-principal .interno.texto a {
  text-decoration-line: underline;
}
#columna-principal .interno.texto a:hover {
  text-decoration-thickness: 10%;
}
#columna-principal .interno.texto .funciones a,
#columna-principal .interno.texto .ruta a,
#columna-principal .interno.texto .categoria a,
#columna-principal .interno.texto .fecha a {
  text-decoration: none;
}
.interno.texto,
.interno.centra,
.multimedios.principal ul.listado li,
.franja.horizontal {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.interno.centra.funciones {
  position: relative;
  z-index: 10;
  height: 4.375rem;
}
#encabezado .interno,
#centro-arriba .interno,
.destaque-portada .interno,
.interno.ajusta {
  padding: 0;
}
#columna-principal .interno {
  display: block;
}
#columna-principal > .borde {
  margin: 0 auto;
}
body:not(.noticias) #columna-principal > .borde,
#columna-principal .ruta {
  width: 56.25rem;
}
body.sin-banner #contenidos,
#marco-principal.sin-banner #contenidos {
  margin-top: 3rem;
}
.actividades #columna-principal > .borde {
  width: 100%;
}
.contenido.interno.hijo {
  width: 90%;
}
a {
  text-decoration: none;
  color: inherit;
}
a > span {
  text-decoration: inherit;
}
a:hover,
button:hover,
.subrayado a,
.subrayado button {
  text-decoration: underline;
  color: inherit;
}
.grid-frame {
  width: 100%;
  position: relative;
}
.grid-frame .grid-container {
  /*background:#eee;*/
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, auto);
  gap: 0;
  position: relative;
  justify-content: space-around;
}
.grid-frame .grid-container .grid-cell {
  overflow: hidden;
  align-self: center;
}
.grid-frame .grid-container .grid-cell.cspan2 {
  grid-column-end: span 2;
}
.grid-frame .grid-container .grid-cell.rspan2 {
  grid-row-end: span 2;
}
.grid-frame .grid-container .grid-cell.cspan3 {
  grid-column-end: span 3;
}
.grid-frame .grid-container .grid-cell.rspan3 {
  grid-row-end: span 3;
}
.grid-frame .grid-container .grid-cell.cspan4 {
  grid-column-end: span 4;
}
.grid-frame .grid-container .grid-cell.rspan4 {
  grid-row-end: span 4;
}
.grid-frame .grid-container .grid-cell.cspan5 {
  grid-column-end: span 5;
}
.grid-frame .grid-container .grid-cell.rspan5 {
  grid-row-end: span 5;
}
.grid-frame .grid-container .grid-cell.cspan6 {
  grid-column-end: span 6;
}
.grid-frame .grid-container .grid-cell.rspan6 {
  grid-row-end: span 6;
}
.grid-frame .grid-container .grid-cell.cspan7 {
  grid-column-end: span 7;
}
.grid-frame .grid-container .grid-cell.rspan7 {
  grid-row-end: span 7;
}
.grid-frame .grid-container .grid-cell.cspan8 {
  grid-column-end: span 8;
}
.grid-frame .grid-container .grid-cell.rspan8 {
  grid-row-end: span 8;
}
.grid-frame .grid-container .grid-cell.cspan9 {
  grid-column-end: span 9;
}
.grid-frame .grid-container .grid-cell.rspan9 {
  grid-row-end: span 9;
}
.grid-frame .grid-container .grid-cell.cspan10 {
  grid-column-end: span 10;
}
.grid-frame .grid-container .grid-cell.rspan10 {
  grid-row-end: span 10;
}
.grid-frame .grid-container .grid-cell.cspan11 {
  grid-column-end: span 11;
}
.grid-frame .grid-container .grid-cell.cspan12 {
  grid-column-end: span 12;
}
.imec .contenedor > a {
  display: inline-block;
}
.imec .contenedor > a:hover,
.imec .contenedor > a:focus {
  text-decoration: none;
}
.ver {
  width: 2.5rem;
  height: 1.75rem;
}
a.ver:before {
  font-family: FontAwesome;
  content: "\f06e";
}
a.fa:hover,
button.fa:hover {
  text-decoration: none;
}
/* FIN MARCO EXTERNO */
button.awe {
  background: none;
  border: none;
}
.awe.rotar {
  transition: transform 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1) 0.5s;
}
.awe.rotado {
  transition: transform 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  transform: translate(-6%, 0%) rotate(-90deg);
}
/* MARCO INTERNO */
#encabezado {
  background-size: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 12;
  background: #41ADE7;
  height: 6.75rem;
  padding: 0.875rem 0 0.875rem 0;
}
body.aniversario80 #encabezado {
  background: #fff;
}
.imprimible #encabezado {
  background-size: auto;
  position: relative;
  top: auto;
  z-index: auto;
}
#marco-principal.estudiantes #encabezado {
  background: #000;
}
#encabezado-desplazado {
  height: 3.5rem;
}
#encabezado-centro-arriba {
  height: 6rem;
}
#encabezado-superior,
.portada #encabezado-superior {
  height: 6.75rem;
}
#encabezado-desplazado,
#encabezado-centro-arriba {
  position: absolute;
}
#encabezado-superior {
  background: #fff;
}
@media print {
  #encabezado,
  #encabezado-superior {
    background: none;
  }
  #encabezado .contenido.interno {
    border: solid 50px #41ADE7;
  }
  #encabezado .contenido.interno .izquierda,
  #encabezado .contenido.interno .derecha {
    margin-top: -36px;
  }
  #centro-arriba {
    border: none !important;
  }
}
#encabezado .contenido.interno {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
#encabezado .izquierda h1 {
  margin: 0;
  padding: 0;
}
#encabezado .izquierda a,
#encabezado .firma a img {
  width: 39.875rem;
  height: 4.875rem;
}
#encabezado .izquierda a {
  display: inline-block;
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0 1rem 0 0;
  vertical-align: top;
}
#encabezado .izquierda a img {
  max-width: none;
}
#encabezado .izquierda a#firma-ucr img {
  max-width: none;
  position: absolute;
}
#encabezado .derecha {
  position: relative;
  top: 0;
  right: 0;
  text-align: right;
}
#encabezado .centro ul.menu-superior {
  padding: 0;
  position: relative;
}
#encabezado .centro {
  position: relative;
  display: none;
  /*&:empty
	{
		display:none;
	}*/
}
#encabezado .centro ul.menu li {
  display: inline;
  margin: 0 2% 0 2%;
}
#encabezado .centro ul.menu li:last-child {
  border-right: none;
}
body.desplazado #encabezado #aciones ul {
  margin-bottom: 0.1875rem;
}
#encabezado .izquierda.una-linea a#firma-ucr {
  width: 39.875rem;
  height: 4.875rem;
}
#encabezado .izquierda.una-linea a#firma-ucr img {
  width: 200%;
  height: 4.875rem;
}
body.desplazado #encabezado .izquierda.una-linea a#firma-ucr {
  width: 25.625rem;
  height: 3.125rem;
}
body.desplazado #encabezado .izquierda.una-linea a#firma-ucr img {
  width: 51.25rem;
  height: 3.125rem;
}
#encabezado .izquierda.dos-lineas a#firma-ucr {
  width: 13.75rem;
  height: 5.375rem;
}
#encabezado .izquierda.dos-lineas a#firma-ucr img {
  width: 27.5rem;
  height: 5.375rem;
}
body.desplazado #encabezado .izquierda.dos-lineas a#firma-ucr {
  width: 10rem;
  height: 3rem;
}
body.desplazado #encabezado .izquierda.dos-lineas a#firma-ucr img {
  width: 32rem;
  height: 6.25rem;
  left: -6rem;
  top: -1.625rem;
}
body.desplazado #encabezado #marco-principal.estudiantes .dos-lineas a#firma-ucr img,
body.alto-contraste.oscuro.desplazado #encabezado .izquierda.dos-lineas a#firma-ucr img {
  left: -12rem;
}
#encabezado .izquierda.dos-lineas a#firma-unidad {
  width: 100%;
  height: 5rem;
  position: absolute;
  top: 1rem;
}
#encabezado .izquierda.dos-lineas a#firma-unidad img {
  width: 200%;
}
#encabezado .izquierda.dos-lineas a#firma-unidad h1,
#encabezado .izquierda.dos-lineas a#firma-unidad div.ph1 {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
body.desplazado #encabezado .izquierda.dos-lineas a#firma-unidad {
  height: 3rem;
  top: 0;
}
#encabezado #marco-principal.estudiantes a#firma-ucr img,
body.alto-contraste.oscuro #encabezado a#firma-ucr img,
#encabezado #marco-principal.estudiantes a#firma-unidad img,
body.alto-contraste.oscuro #encabezado a#firma-unidad img {
  margin-left: -100%;
}
body.claro #encabezado #marco-principal.estudiantes .dos-lineas a#firma-ucr img,
body.claro.alto-contraste #encabezado #marco-principal .dos-lineas a#firma-ucr img,
body.claro #encabezado #marco-principal.estudiantes .dos-lineas a#firma-unidad img,
body.alto-contraste.claro #encabezado #marco-principal .dos-lineas a#firma-unidad img {
  margin-left: 0;
}
#encabezado .derecha div.busqueda div.entradas input.texto {
  width: 10rem;
  height: 1.5rem;
}
#pos-CENTRO_ARRIBA {
  position: initial;
}
#encabezado .derecha {
  text-align: center;
}
#encabezado .derecha nav {
  display: inline-block;
  vertical-align: top;
}
#encabezado .derecha ul.enlaces {
  padding: 0;
  top: 0;
  position: relative;
  text-align: center;
  display: table;
  margin: 0;
}
#encabezado .derecha ul.enlaces li {
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
#encabezado .derecha ul.enlaces li .globo button,
#encabezado .derecha ul.enlaces li > button {
  border: none;
  background: none;
}
#encabezado .derecha ul.enlaces li > span,
#encabezado .derecha ul.enlaces li > a,
#encabezado .derecha ul.enlaces li > button {
  border-right: 2px white solid;
  position: absolute;
  top: 0;
  display: block;
}
#encabezado .derecha ul.enlaces li:last-child > span,
#encabezado .derecha ul.enlaces li:last-child > a,
#encabezado .derecha ul.enlaces li:last-child > button {
  border-right: none;
}
#encabezado .derecha #acciones {
  padding-top: 0.9375rem;
}
#encabezado .derecha #acciones ul.enlaces li > span,
#encabezado .derecha #acciones ul.enlaces li > a,
#encabezado .derecha #acciones ul.enlaces li > button {
  border-right: 2px #41ade7 solid;
  margin: 0 auto 0 auto;
  color: #41ADE7;
  background: #fff;
  font-weight: normal;
  position: relative;
}
body.desplazado #encabezado {
  height: 3.5rem;
  padding: 0.25rem 0 0.25rem 0;
}
body.desplazado #encabezado .derecha #acciones {
  padding-top: 0;
}
body.desplazado #encabezado .derecha #menu-pestana {
  margin: 0.1875rem 0 0 0;
}
body.estudiantes #encabezado .derecha ul.funciones li > span,
body.estudiantes #encabezado .derecha ul.funciones li > a,
body.estudiantes #encabezado .derecha ul.funciones li > button {
  border-right: 2px #000 solid;
  color: #000;
}
body.estudiantes #encabezado .derecha ul.menu-iconos li {
  color: #fff;
}
body.alto-contraste #encabezado .derecha ul.menu-iconos li {
  color: #fff;
}
body.alto-contraste #encabezado .derecha ul.menu-iconos li > span,
body.alto-contraste #encabezado .derecha ul.menu-iconos li > a,
body.alto-contraste #encabezado .derecha ul.menu-iconos li > button {
  background: transparent;
  color: #fff;
}
body.alto-contraste #encabezado .derecha ul.funciones li > span,
body.alto-contraste #encabezado .derecha ul.funciones li > a,
body.alto-contraste #encabezado .derecha ul.funciones li > button {
  border-right: 2px #000 solid;
  color: #000;
}
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li {
  color: #000;
}
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li > span,
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li > a,
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li > button {
  background: transparent;
  color: #000;
  border-right: 2px #000 solid;
}
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li:last-child > span,
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li:last-child > a,
body.alto-contraste.claro #encabezado .derecha ul.menu-iconos li:last-child > button {
  border-right: none;
}
body.alto-contraste.claro #encabezado .derecha ul.funciones li > span,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > a,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > button {
  border-right: 2px #000 solid;
}
body.alto-contraste.claro #encabezado .derecha ul.funciones li > span:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > a:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > button:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > span:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > a:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > button:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > span:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > a:last-child,
body.alto-contraste.claro #encabezado .derecha ul.funciones li > button:last-child {
  border-right: none;
}
#encabezado .derecha ul li a div {
  margin: 0 auto 0 auto;
}
#encabezado .derecha ul.menu-iconos li.movil {
  display: none;
}
#encabezado .derecha,
#encabezado .derecha div.menu-iconos.funciones ul li:first-child,
#encabezado .derecha div.menu-arriba ul li:first-child {
  border-left: none;
}
#encabezado .derecha li.menu-buscar div.entradas {
  white-space: nowrap;
  position: relative;
}
#encabezado .derecha ul.menu-iconos li.menu-buscar div.entradas input {
  margin: 0;
  padding: 0;
}
#encabezado .derecha li.menu-buscar div.entradas input.texto {
  position: absolute;
  top: 0;
  left: 1px;
  border: 0;
}
#encabezado .derecha li.menu-buscar div.entradas input.boton {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #4f7290;
}
#encabezado .derecha li.menu-buscar div.entradas input.boton.activo,
#encabezado .derecha li.menu-buscar div.entradas input.boton:hover {
  background-color: #b2dcf3;
}
#encabezado .derecha li.menu-buscar div.entradas input.boton.activo:hover {
  background-color: #4f7290;
}
#centro-arriba {
  position: fixed;
  color: #59595c;
  z-index: 12;
  width: 100%;
  display: block;
  top: 6.6875rem;
}
#centro-arriba ul.menu {
  display: table;
  table-layout: fixed;
  /* Distribuye celdas uniformemente; respeta mejor los parámetros */
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
#centro-arriba ul.menu li span.fa-caret-down {
  color: #59595c;
  border: none;
  background: none;
  display: none;
  font-size: 1.25rem;
}
#centro-arriba ul.menu li > a,
#centro-arriba ul.menu li > button {
  display: inline-block;
  width: inherith;
  height: inherith;
  width: 100%;
}
#centro-arriba ul.menu li a,
#centro-arriba ul.menu li button {
  color: #59595c;
  font-weight: bold;
  text-decoration-color: #0fa6df;
  font-family: 'TruenoLt', arial;
}
#centro-arriba ul.menu li:last-child a,
#centro-arriba ul.menu li:last-child button {
  border-right: none;
}
#centro-arriba ul.menu > li:hover > a,
#centro-arriba ul.menu > li:hover > button,
#centro-arriba ul.menu > li > a:focus,
#centro-arriba ul.menu > li > button:focus,
#centro-arriba ul.menu > li > a.keyboard-focus,
#centro-arriba ul.menu > li > button.keyboard-focus,
#centro-arriba ul.menu > li.activo > a,
#centro-arriba ul.menu > li.activo > button {
  background: #494949;
}
#centro-arriba ul.menu > li {
  display: table-cell;
  text-align: center;
  overflow: hidden;
  transition: 0 ease-out 250ms;
}
#centro-arriba ul.menu > li:last-child {
  border-right: none;
}
#centro-arriba ul.menu > li.principal {
  vertical-align: top;
}
#centro-arriba ul.menu > li.principal ul li {
  line-height: normal;
}
#centro-arriba .centro ul.menu li a,
#centro-arriba .centro ul.menu li button {
  font-weight: bold;
  color: white;
}
#centro-arriba ul.menu.basico > li.principal {
  overflow: visible;
}
#centro-arriba ul.menu.basico li div.enlaces {
  position: relative;
  overflow: visible;
  box-shadow: none;
  background: none;
  display: none;
}
#centro-arriba ul.menu.basico li ul.enlaces {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
#centro-arriba ul.menu.basico li ul.enlaces li.texto,
#centro-arriba ul.menu.basico li ul.enlaces li.texto:first-child,
#centro-arriba ul.menu.basico li ul.enlaces li.texto:nth-last-child(3) {
  min-width: 0;
  width: auto;
}
#centro-arriba ul.menu.basico li li ul.enlaces {
  box-shadow: none;
  background: none;
  width: auto;
}
#centro-arriba ul.menu.basico > li:nth-last-child(3) ul.enlaces li.texto,
#centro-arriba ul.menu.basico > li:nth-last-child(2) ul.enlaces li.texto,
#centro-arriba ul.menu.basico > li:last-child ul.enlaces li.texto,
#centro-arriba ul.menu.basico > li:nth-last-child(3) ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu.basico > li:nth-last-child(2) ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu.basico > li:last-child ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu.basico li ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu.basico > li:nth-last-child(3) ul.enlaces li.imagen_texto:last-child,
#centro-arriba ul.menu.basico > li:nth-last-child(2) ul.enlaces li.imagen_texto:last-child,
#centro-arriba ul.menu.basico > li:last-child ul.enlaces li.imagen_texto:last-child,
#centro-arriba ul.menu.basico li ul.enlaces li.imagen_texto:last-child {
  left: auto;
  margin-left: 0;
}
#centro-arriba ul.menu.basico.hover li:hover div.enlaces {
  min-height: 0;
  display: block;
}
#centro-arriba ul.menu.basico.hover li:hover div.enlaces,
#centro-arriba ul.menu.basico.hover li div.enlaces.activo {
  box-shadow: none;
}
#centro-arriba ul.menu.basico li div.enlaces:before {
  background: none;
}
#centro-arriba ul.menu li a:hover,
#centro-arriba ul.menu li button:hover,
#centro-arriba ul.menu li.activo a,
#centro-arriba ul.menu li.activo button,
#centro-arriba nav.principal > ul.menu li:hover a,
#centro-arriba nav.principal > ul.menu li:hover button,
#centro-arriba nav.principal > ul.menu li:hover span,
#centro-arriba nav.principal > ul.menu li.activo a,
#centro-arriba nav.principal > ul.menu li.activo button {
  color: #fff;
}
#centro-arriba nav.menu.principal ul li i {
  display: none;
}
#centro-arriba nav.menu.principal > ul > li.activo a,
#centro-arriba nav.menu.principal > ul > li.activo button {
  text-decoration-color: #0fa6df;
}
#centro-arriba ul ul {
  position: relative;
}
#centro-arriba ul ul li a,
#centro-arriba ul ul li span,
#centro-arriba ul ul li button {
  font-weight: normal;
}
#centro-arriba ul.enlaces {
  padding: 0;
  margin: 0;
}
#centro-arriba ul.enlaces li a,
#centro-arriba ul.enlaces li button {
  color: #fff;
}
body.desplazado #centro-arriba {
  top: 3.5rem;
}
.destaques.absoluto {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.noticias.portada .video-principal {
  min-height: auto;
}
#marco-principal.estudiantes {
  background-color: #000;
}
.columna {
  display: table-cell;
  vertical-align: middle;
}
.sitios ul.listado li {
  display: table;
  width: 100%;
}
table:not(.custom-table):not(.date-picker-table) {
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  background-color: #fff;
  border: none;
  border: 1px solid #eceeef;
  width: 100%;
  overflow-x: auto;
  border: 0;
}
table:not(.custom-table):not(.date-picker-table) th,
table:not(.custom-table):not(.date-picker-table) td {
  padding: 0.75rem;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #eceeef;
  text-align: center;
}
table:not(.custom-table):not(.date-picker-table).left-align td:first-child {
  text-align: left;
}
table:not(.custom-table):not(.date-picker-table) thead th {
  vertical-align: bottom;
  border: none;
  border-bottom: 2px solid #eceeef;
}
table:not(.custom-table):not(.date-picker-table) tbody + tbody {
  border: none;
  border-top: 2px solid #eceeef;
}
table:not(.custom-table):not(.date-picker-table) thead th,
table:not(.custom-table):not(.date-picker-table) thead td {
  border: none;
  border-bottom-width: 2px;
}
table:not(.custom-table):not(.date-picker-table) tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
table:not(.custom-table):not(.date-picker-table):hover > td,
table:not(.custom-table):not(.date-picker-table):hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
table:not(.custom-table):not(.date-picker-table) th {
  color: #464a4c;
  background-color: #eceeef;
}
table:not(.custom-table):not(.date-picker-table) td,
table:not(.custom-table):not(.date-picker-table) th,
table:not(.custom-table):not(.date-picker-table) caption {
  padding: 0.625rem 0.5rem;
}
.directorio div.interno h2.listado,
.directorio div.interno h2.listado a {
  font-size: 1.75rem;
}
.directorio div.interno h2.listado,
.directorio div.interno h2.listado a {
  font-size: 1.75rem;
  margin: 1.875rem 0 0 0;
}
.directorio table.telefonos,
.directorio table.telefonos caption {
  text-align: left;
}
.directorio table.telefonos td:first-child,
.directorio table.telefonos th:first-child {
  width: 70%;
  text-align: left;
}
.directorio table.telefonos td:last-child,
.directorio table.telefonos th:last-child {
  text-align: right;
  width: 30%;
}
.directorio .sumario {
  font-size: 0.875rem;
}
.directorio .direccion .fa,
.directorio div.correo .fa,
.directorio .telefonos .fa {
  vertical-align: bottom;
}
.directorio div.interno h2.listado {
  padding: 0;
}
.directorio div.iconos-funciones-articulo {
  margin: 0;
}
.directorio .direccion,
.directorio div.correo,
.directorio .telefonos caption {
  margin: 0.625rem 0;
}
.directorio .direccion {
  line-height: 1.875rem;
}
.directorio div.correo .fa,
.directorio .telefonos caption {
  line-height: 1.375rem;
}
.directorio .direccion .fa {
  font-size: 1.875rem;
}
.directorio .correo .fa,
.directorio .telefonos .fa {
  font-size: 1.375rem;
}
.directorio div.columna-principal h3.listado {
  margin: 1.25rem 0 0 0;
}
.directorio .funciones-compartir,
.sitios .funciones-compartir {
  height: 3.125rem;
}
button.expande {
  background: #fff;
  border: 1px solid #000;
}
button.expande:hover {
  background: #e0e3e4;
}
.expandir a:hover {
  text-decoration: none;
}
.columna.dinamico {
  width: 100%;
  text-align: center;
}
nav.menu.principal > ul > li > a,
#centro-arriba ul.menu li button {
  font-size: 0.9375rem;
}
#centro-arriba nav.menu.principal > ul > li {
  min-height: 2.5rem;
  line-height: 2.5rem;
}
#centro-arriba nav.menu.principal > ul > li:hover {
  background: #494949;
}
#centro-arriba .columna.dinamico {
  display: block;
}
.columna.accesorios,
#menu-accesorios {
  display: none;
}
#fondo-menus-principales {
  background: #f2f2f2;
  opacity: 0.85;
  transition: 0.2s ease-in-out;
  height: 2.5rem;
}
.zindex1 {
  z-index: 1;
}
.zindex2 {
  z-index: 2;
}
.zindex3 {
  z-index: 3;
}
.zindex4 {
  z-index: 4;
}
.zindex5 {
  z-index: 5;
}
.zindex6 {
  z-index: 6;
}
.zindex7 {
  z-index: 7;
}
.zindex8 {
  z-index: 8;
}
.zindex9 {
  z-index: 9;
}
#centro-arriba:hover #fondo-menus-principales,
.contenedor-indice.con-indice-enganchable.fijo:hover .fondo,
.chosen-container-single .chosen-single:hover:before {
  opacity: 1;
}
#menus-principales {
  position: relative;
  z-index: 10;
  margin-top: -2.5rem;
  height: 2.5rem;
}
#menus-principales div.enlaces li span,
#menus-principales div.enlaces li a {
  font-size: 1.375rem;
}
#menus-principales div.enlaces li {
  width: 15.1875rem;
  min-height: 2.5rem;
  margin-bottom: 0.375rem;
}
#menus-principales div.enlaces li.imagen_texto span {
  line-height: 1rem;
}
#centro-arriba ul.menu > li:hover,
#centro-arriba ul.menu > li.activo {
  transition: 0.8s ease-in-out 0.7;
}
#centro-arriba ul.menu ul li:hover,
#centro-arriba ul.menu ul li.activo {
  background: #494949;
  transition: 0.1s ease-out;
}
#centro-arriba ul.menu li button {
  background: none;
  color: #fff;
  border: none;
}
#centro-arriba ul.menu li div.enlaces.visible {
  opacity: 1;
  height: auto;
}
#centro-arriba ul.menu li div.enlaces {
  margin-top: -0.0625rem;
  position: absolute;
  width: 100%;
  left: 0;
  transition: 0.1s ease-out 250ms;
  transform: rotateX(-90deg);
  transform-origin: 0% 0%;
  box-shadow: 0 -100px 500px rgba(0, 0, 0, 0);
  box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.75);
  opacity: 0;
  display: none;
}
#centro-arriba ul.menu li div.enlaces.activo {
  transition: all 0.1s ease-out;
  transform: rotateX(0deg);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
#centro-arriba ul.menu li div.enlaces:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333333;
}
#centro-arriba ul.menu li ul.enlaces {
  margin: 0 auto 0 auto;
  width: 84.5rem;
}
#centro-arriba ul.menu li ul.enlaces li {
  position: relative;
  text-align: left;
  vertical-align: top;
}
#centro-arriba ul.menu li ul.enlaces li.texto {
  position: relative;
  display: block;
  background: #494949;
  margin: 0;
  width: 31.25rem;
  min-height: 2.5rem;
  line-height: 2.5rem;
}
#centro-arriba ul.menu li ul.enlaces li.texto > a,
#centro-arriba ul.menu li ul.enlaces li.texto > span,
#centro-arriba ul.menu li ul.enlaces li.texto > button {
  padding: 0 1.25rem 0 1.25rem;
  /*float:left; */
  /* elimina pequeño margen superior en estos elementos */
}
#centro-arriba ul.menu li ul.enlaces li.imagen_texto {
  display: inline-block;
  position: absolute;
  top: 2.5rem;
}
#centro-arriba ul.menu > li.centro ul.enlaces li.texto {
  margin-left: 28.25rem;
}
#centro-arriba ul.menu > li.centro ul.enlaces li.imagen_texto:last-child {
  left: 65.625rem;
}
#centro-arriba ul.menu > li.centro ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu > li.derecha ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba ul.menu > li:last-child ul.enlaces li.imagen_texto:nth-last-child(2) {
  left: 6.25rem;
}
#centro-arriba ul.menu > li.derecha ul.enlaces li.texto,
#centro-arriba ul.menu > li:last-child ul.enlaces li.texto {
  margin-left: 53.25rem;
}
#centro-arriba ul.menu li ul.enlaces li > a,
#centro-arriba ul.menu li ul.enlaces li > span,
#centro-arriba ul.menu li ul.enlaces li > button,
#centro-arriba ul.menu li ul.enlaces li .titulo,
#centro-arriba ul.menu li ul.enlaces li .texto {
  text-align: left;
  /*display:block;*/
}
#centro-arriba ul.menu li ul.enlaces li span {
  color: #fff;
}
#centro-arriba ul.menu li ul.enlaces li.imagen_texto:nth-last-child(2) {
  left: 37.5rem;
}
#centro-arriba ul.menu > li.derecha ul.enlaces li.imagen_texto:last-child,
#centro-arriba ul.menu > li:last-child ul.enlaces li.imagen_texto:last-child {
  left: 31.25rem;
}
#centro-arriba ul.menu li ul.enlaces li.imagen_texto:last-child {
  left: 59.375rem;
}
#centro-arriba ul.menu li ul.enlaces li.imagen_texto:nth-last-child(2) span,
#centro-arriba ul.menu li ul.enlaces li.imagen_texto:last-child span {
  background: #333;
}
#centro-arriba ul.menu li ul.enlaces li a .imagen {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}
#centro-arriba ul.menu li ul.enlaces li:hover,
#centro-arriba ul.menu li ul.enlaces li.activo,
#centro-arriba ul.menu li ul.enlaces li a:hover {
  background: #333333;
}
#centro-arriba ul.menu li ul.enlaces li a:hover,
#centro-arriba ul.menu li ul.enlaces li a.activo {
  color: #0fa6df;
}
#centro-arriba ul.menu li ul.enlaces li a,
#centro-arriba ul.menu li ul.enlaces li span {
  font-size: 0.9375rem;
  line-height: 2.5rem;
}
#centro-arriba ul.menu li ul.enlaces li span.titulo {
  font-size: 1.125rem;
}
#centro-arriba nav.principal > ul.menu li div.enlaces.activo {
  min-height: 20.625rem;
  transition: all 0.1s ease-in-out 250ms;
  transform: rotateX(0deg);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
  display: revert;
}
#centro-arriba .mostrar-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 0.625rem;
  right: 0.625rem;
}
#centro-arriba nav.menu.basico ul.menu > li.principal {
  overflow: visible;
}
#centro-arriba nav.menu.basico ul.menu li div.enlaces {
  position: relative;
  overflow: visible;
  box-shadow: none;
  background: none;
}
#centro-arriba nav.menu.basico ul.menu li div.enlaces:before {
  background: none;
}
#centro-arriba nav.menu.basico ul.menu li ul.enlaces {
  box-shadow: none;
  background: none;
  width: auto;
}
#centro-arriba nav.menu.basico ul.menu li ul.enlaces li.texto,
#centro-arriba nav.menu.basico ul.menu li ul.enlaces li.texto:first-child,
#centro-arriba nav.menu.basico ul.menu li ul.enlaces li.texto:nth-last-child(3) {
  min-width: 0;
  width: auto;
}
#centro-arriba nav.menu.basico ul.menu.hover li:hover div.enlaces {
  min-height: 0;
  display: block;
}
#centro-arriba nav.menu.basico ul.menu.hover li:hover div.enlaces,
#centro-arriba nav.menu.basico ul.menu.hover li div.enlaces.activo {
  box-shadow: none;
  opacity: 1;
  display: revert;
}
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(3) ul.enlaces li.texto,
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(2) ul.enlaces li.texto,
#centro-arriba nav.menu.basico ul.menu > li:last-child ul.enlaces li.texto,
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(3) ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(2) ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba nav.menu.basico ul.menu > li:last-child ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba nav.menu.basico ul.menu li ul.enlaces li.imagen_texto:nth-last-child(2),
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(3) ul.enlaces li.imagen_texto:last-child,
#centro-arriba nav.menu.basico ul.menu > li:nth-last-child(2) ul.enlaces li.imagen_texto:last-child,
#centro-arriba nav.menu.basico ul.menu > li:last-child ul.enlaces li.imagen_texto:last-child,
#centro-arriba nav.menu.basico ul.menu li ul.enlaces li.imagen_texto:last-child {
  left: auto;
  margin-left: 0;
}
.adjunto.menu.btn-azul,
.fancy.menu .adjunto.btn-azul {
  margin-top: 2rem;
}
.adjunto.menu.btn-azul > nav > ul > li.padre,
.fancy.menu .adjunto.btn-azul > nav > ul > li.padre {
  display: block;
}
.adjunto.menu.btn-azul > nav > ul > li.padre .titular span.texto,
.fancy.menu .adjunto.btn-azul > nav > ul > li.padre .titular span.texto {
  font-size: 1.5rem;
}
.adjunto.menu.btn-azul > nav h2,
.fancy.menu .adjunto.btn-azul > nav h2 {
  padding: 0;
}
.adjunto.menu.btn-azul > nav > div.enlaces,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces {
  margin-top: 1rem;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  display: block;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li {
  background: none;
  display: block;
  position: relative;
  padding: 0 0 0 8rem;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li::before,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li::before,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li::before,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li::before {
  content: "\26AC";
  vertical-align: top;
  position: absolute;
  font-size: 2rem;
  top: -0.4rem;
  left: 0.5rem;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li a,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li a,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li a,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li a {
  display: flex;
  border: 0;
  /*border-bottom: 1px solid #204D6F;*/
  text-decoration-line: underline;
  background: 0;
  font-family: 'TruenoLt';
  width: 100%;
  min-height: 2.5rem;
  padding: 0.4rem 0;
  text-align: left;
  text-decoration: none;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li a:hover,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li a:hover,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li a:hover,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li a:hover {
  text-decoration-thickness: 10%;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li a .svg,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li a .svg,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li a .svg,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li a .svg {
  padding: 0 0.3rem;
}
.adjunto.menu.nuevo span.svg {
  height: 2rem;
}
.adjunto.menu.nuevo span.svg path[fill] {
  fill: #204D6F;
}
.adjunto.menu.numeral > nav > div.enlaces > ul > li,
.fancy.menu .adjunto.numeral > nav > div.enlaces > ul > li,
.adjunto.menu.numeral > .adjunto > nav > div.enlaces > ul > li,
.fancy.menu .adjunto.numeral > .adjunto > nav > div.enlaces > ul > li,
.adjunto.menu.numeral > nav > .padre > div.enlaces > ul > li,
.fancy.menu .adjunto.numeral > nav > .padre > div.enlaces > ul > li,
.adjunto.menu.numeral > .adjunto > nav > .padre > div.enlaces > ul > li,
.fancy.menu .adjunto.numeral > .adjunto > nav > .padre > div.enlaces > ul > li {
  counter-increment: menu-num;
}
.adjunto.menu.numeral > nav > div.enlaces > ul > li::before,
.fancy.menu .adjunto.numeral > nav > div.enlaces > ul > li::before,
.adjunto.menu.numeral > .adjunto > nav > div.enlaces > ul > li::before,
.fancy.menu .adjunto.numeral > .adjunto > nav > div.enlaces > ul > li::before,
.adjunto.menu.numeral > nav > .padre > div.enlaces > ul > li::before,
.fancy.menu .adjunto.numeral > nav > .padre > div.enlaces > ul > li::before,
.adjunto.menu.numeral > .adjunto > nav > .padre > div.enlaces > ul > li::before,
.fancy.menu .adjunto.numeral > .adjunto > nav > .padre > div.enlaces > ul > li::before {
  content: counter(menu-num) ".";
  position: relative;
  font-size: 1.5rem;
  top: initial;
  left: initial;
}
.adjunto.menu.btn-azul > nav > ul > li.padre,
.fancy.menu .adjunto.btn-azul > nav > ul > li.padre {
  display: block;
}
.adjunto.menu.btn-azul > nav > ul > li.padre .titular span.texto,
.fancy.menu .adjunto.btn-azul > nav > ul > li.padre .titular span.texto {
  font-size: 2rem;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 5px;
  background-color: #204d6f;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.8rem 0 1.8rem;
  min-height: 2.5rem;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li a,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li a,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li a,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li a {
  padding: 0;
  min-height: 0;
}
.adjunto.menu.btn-azul > nav > div.enlaces > ul > li a span.texto,
.fancy.menu .adjunto.btn-azul > nav > div.enlaces > ul > li a span.texto,
.adjunto.menu.btn-azul > nav > ul > .padre > div.enlaces > ul > li a span.texto,
.fancy.menu .adjunto.btn-azul > nav > ul > .padre > div.enlaces > ul > li a span.texto {
  color: #fff;
}
#columna-principal .interno.texto .adjunto.btn-azul a {
  text-decoration-line: none;
}
#columna-principal .interno.texto .adjunto.btn-azul a:hover {
  text-decoration-line: underline;
}
.adjunto.menu.esconder-activo > nav ul li:has(> a.activo),
.fancy.menu .adjunto.esconder-activo > nav ul li:has(> a.activo) {
  display: none;
}
.menu-accesibilidad .panel.funciones fieldset button {
  text-align: left;
  min-width: 15rem;
}
body.desplazado #centro-arriba .mostrar-menu {
  top: 0.3125rem;
}
div.columna-izquierda fieldset,
div.columna-derecha fieldset {
  margin: 0 0 0.625rem 0;
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
}
div.columna-izquierda {
  min-width: 16.875rem;
  max-width: 16.875rem;
  /*padding:@14rem;*/
}
div.columna-principal.con-izquierda {
  padding-left: 2.5rem;
}
div.columna-izquierda ul.menu li {
  min-height: 1.875rem;
  margin: 0.3125rem 0 0.3125rem 0;
  padding: 0.3125rem;
}
div.columna-derecha {
  width: 16.875rem;
  max-width: 16.875rem;
  /*padding:@14rem;*/
}
div.columna-principal {
  /*display:table-cell;*/
  vertical-align: top;
  position: relative;
  /*background:#fff;*/
  max-width: 84.5rem;
}
div.texto-interno {
  margin-top: 1.25rem;
}
div.texto-interno h1 {
  margin-bottom: 1.25rem;
}
/* FIN MARCO INTERNO */
/* INTERNO */
/*** Columna central ***/
div.columna-principal a,
.enlace.privado,
.texto.interno a {
  color: #204D6F;
}
div.columna-principal .resaltado,
.texto.interno .resaltado {
  font-weight: bold;
  color: #204D6F;
}
.encabezado-formulario {
  text-transform: uppercase;
  font-weight: bold;
}
div.interno h1,
div.interno h1 a,
.encabezado-formulario,
.encabezado1 {
  color: #095fa3;
}
div.interno h1.noticia,
div.interno h1.noticia a {
  margin-bottom: 0;
}
div.interno h2:not(.fa),
div.interno h2 a:not(.fa),
.encabezado2:not(.fa),
div.box h2:not(.fa),
div.box h2 a:not(.fa) {
  color: #204D6F;
  font-family: 'TruenoLt', arial;
}
div.interno h2.titular {
  margin: 0;
  padding: 1.25rem 0 0.3125rem 0;
}
h2.header1 {
  text-align: center;
}
.portada div.columna-principal h2,
.portada div.columna-principal h2 a {
  color: #204d6f;
  font-size: 1rem;
  margin: 0.625rem 0 0.625rem 0;
  /*line-height:@30rem;*/
  padding: 0.125rem;
}
dialog.panel.funciones .header2 {
  margin: 1.25rem 0 1.25rem 0;
  padding: 1.25rem 0 1.25rem 0;
}
div.interno h2.comentarios,
div.interno h2.comentarios a,
div.interno h2.comentarios button {
  font-size: 1rem;
  /*margin:@18rem 0 @18rem 0;*/
}
div.interno h2.listado,
div.interno h2.listado a {
  font-size: 1.125rem;
  margin: 0.3125rem 0 0.3125rem 0;
}
div.columna-principal span.resaltado {
  line-height: 100%;
  font-weight: bold;
  color: #204D6F;
  font-size: 0.875rem;
}
div.interno h3,
div.interno h3 strong,
div.interno h3 a,
.encabezado3,
div.box h3,
div.box h3 a {
  color: #00506e;
  font-weight: normal;
}
.no-activo {
  filter: grayscale(1);
}
div.interno h3.listado.inactivo,
div.interno h3.listado.inactivo a {
  background: #fba98c;
}
div.interno h4,
div.interno h4 a .encabezado4 {
  color: #095fa3;
  font-weight: normal;
}
.deshabilitado {
  opacity: 0.7;
  filter: grayscale(1);
}
#centro-medio .grid-container .grid-cell {
  background: #fff;
  z-index: 1;
}
.con-banner #centro-medio {
  margin-top: 0;
}
.con-banner #marco-principal .interno.arriba {
  padding-top: 0.625rem;
}
.con-banner #marco-principal .interno.arriba.con-ruta {
  padding: 0;
}
.contenido.interno.hijo {
  margin: 2.5rem auto 2.5rem auto;
}
.actividades.recientes.seccion,
.actividades.recientes.seccion h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.seccion h2 a,
.seccion h2 span,
div.interno .seccion h2 a,
div.interno .seccion h2 span {
  padding: 0.625rem;
  min-width: 25rem;
}
.destaque .seccion h2,
.destaque .seccion h2 a {
  color: #114e8f;
}
.destaque .lo-ultimo.seccion h2,
.destaque .lo-ultimo.seccion h2 a {
  color: #fff;
}
.destaque .panel.enlaces-destacados {
  padding: 2.5rem 2.5rem 6.25rem 2.5rem;
  min-height: 34.375rem;
}
.seccion.posicionado h2 {
  margin-bottom: 2.4rem;
}
.seccion.posicionado h2.pega {
  position: sticky;
  top: 6rem;
}
.panel.enlaces-destacados .columna-en-fila {
  padding: 1.875rem;
}
.portada #contenidos {
  background: transparent;
}
.portada .franja.horizontal {
  position: relative;
}
.portada .seccion h2,
.portada .seccion h2,
.portada .interno .seccion h2,
.portada .interno .seccion h2,
.portada .franja.horizontal h2 {
  font-family: 'TruenoRg', arial;
  font-weight: normal;
}
.portada .seccion h2 a,
.portada .seccion h2 span,
.portada .interno .seccion h2 a,
.portada .panel.recientes h2 a,
.portada .interno .seccion h2 span,
.portada .franja.horizontal h2 a,
.portada .franja.horizontal h2 span {
  display: inline-block;
  color: #fff;
  font-family: 'TruenoRg', arial;
  font-weight: normal;
  /*letter-spacing:2px;*/
}
.portada div.fechas-importantes {
  width: 47.5rem;
  padding: 0 0.625rem 0 0.625rem;
  margin: 0 0.5rem 0 0.5rem;
}
.portada div.fechas-importantes div.columna {
  width: 14.625rem;
  height: 13.125rem;
  margin-right: 0.9375rem;
}
.franja.horizontal h2 a {
  padding: 0.625rem;
  font-size: 1.875rem;
}
.franja.horizontal .entrada h3 a,
.franja.horizontal .listado.multimedios ul li h3 {
  font-size: 1.125rem;
}
.franja.horizontal .entrada .autores a {
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.destacada .franja.horizontal {
  min-height: calc(100vh -  6.75rem );
}
.destaque.absoluto .marco .panel .texto.destaque5,
.destaque.absoluto .marco .panel .texto.destaque6 {
  margin-right: 2.5rem;
}
.destaque .seccion h2,
.panel.recientes h2 {
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.franja.horizontal .borde {
  padding: 1.875rem 1.875rem 0.625rem 1.875rem;
}
.franja.horizontal .sub,
.portada .panel .sub,
.franja.horizontal .multimedios .texto {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
/*
.franja.horizontal .sub
{
	margin-top:-@10rem;
}*/
.noticias .franja.horizontal h2,
.portada .noticias .franja.horizontal h2 {
  /*height:@60rem;*/
  top: -3.5rem;
}
.seccion h2,
.panel.recientes h2,
.panel.seccion .h2,
.panel.enlaces-destacados h2 {
  font-size: 1.875rem;
  margin: 0;
}
.panel.seccion h2 {
  margin-top: 0;
  margin-bottom: 0;
}
/*
div.columna-principal div.titulo
{
	color:#FDB727;
	font-weight:bold;
	font-size:@14rem;
	margin-top:@20rem;
}*/
.noticia .pie {
  padding: 0.3125rem;
  margin-top: -0.3125rem;
  margin-bottom: 2.1875rem;
}
.contenedor-imagen-banner .logo-cmast {
  position: absolute;
  top: -4.375rem;
}
logo-cmast,
.espacio-cmast {
  width: 15.625rem;
}
.espacio-cmast {
  height: 1.875rem;
}
.noticia.detalle.ct a,
.noticia.detalle.ct h1,
.noticia.detalle.ct h2,
.noticia.detalle.ct h3,
.noticia.detalle.ct h4 {
  color: #0AACB9;
}
.noticias .noticia.detalle.ct .fechanota {
  background: #0AACB9;
}
.voz-experta.foto.interna.destacada {
  background: #2B404F;
  height: 18.75rem;
  margin-bottom: 6.25rem;
  padding-top: 5rem;
}
.voz-experta.foto.interna.destacada a.contenido {
  overflow: hidden;
  display: block;
  margin: 0 auto 0 20%;
  float: left;
  width: 20.625rem;
  height: 20.625rem;
}
.voz-experta.foto.interna.destacada a.contenido img {
  height: 100%;
  width: auto;
  max-width: none;
  display: inline;
}
.voz-experta.foto.interna.destacada a.contenido img.centro,
.voz-experta.foto.interna.destacada a.contenido img.none {
  margin-left: -25%;
}
.voz-experta.foto.interna.destacada a.contenido img.izquierda {
  margin-left: 0;
}
.voz-experta.foto.interna.destacada a.contenido img.derecha {
  margin-left: -50%;
}
.voz-experta.foto.interna.destacada .pie {
  border-bottom: none;
  color: #fff;
  display: table;
  font-size: 1.875rem;
  height: 15rem;
  padding: 0 2.5rem;
  line-height: 1.875rem;
}
.voz-experta.foto.interna.destacada .pie div {
  display: table-cell;
  vertical-align: middle;
}
.voz-experta.foto.interna.destacada .pie div p {
  margin: 0;
}
.voz-experta.foto.interna.destacada .pie .credito {
  display: block;
  font-size: 0.875rem;
  float: right;
}
.voz-experta.foto.interna.destacada .pie .credito a {
  color: #fff;
}
.detalle.voz.experta #titular-noticia {
  clear: both;
  padding-top: 2rem;
}
div.columna-principal div.noticia.detalle,
div.columna-principal div.barra-accesorios {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
div.columna-principal div.barra-accesorios {
  width: 15.625rem;
  margin-top: 20.625rem;
  padding: 0.9375rem 0 0.9375rem 0.9375rem;
}
.barra-accesorios .pie,
.vertical .pie {
  font-size: 0.8125rem;
}
div.columna-principal div.noticia.detalle ul {
  overflow: hidden;
}
div.columna-principal div.noticia.detalle {
  width: 66.375rem;
}
div.subtitulo {
  color: #424547;
  font-family: 'TruenoRg', arial;
  margin-top: 0.375rem;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin: 1.25rem 0 2.5rem 0;
}
.cortinas .con-ruta a,
.cortinas .con-ruta span,
.cortinas .con-ruta div {
  text-shadow: 0 5px 6px rgba(0, 0, 0, 0.5);
}
.cortinas .con-ruta,
.cortinas .interno.funciones {
  position: relative;
  z-index: 2;
}
.cortinas .interno.funciones a {
  box-shadow: -1px 10px 15px -5px rgba(0, 0, 0, 0.75);
}
div.ruta {
  font-family: 'TruenoRg', arial, verdana;
  color: #808285;
  position: relative;
  margin: 0 auto 0 auto;
  font-size: 0.75rem;
  padding: 1.125rem 0.25rem 1.125rem 0;
}
div.ruta:empty {
  display: none;
}
div.ruta ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.ruta ul li {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
#marco-principal.portada .interno.arriba {
  display: none;
}
#contenidos > div.ruta {
  margin: 20px;
}
#contenidos > div.ruta:empty {
  margin: 0;
}
div.ruta a {
  color: #204D6F;
  display: inline-block;
}
.sub_descriptivo {
  font-size: 95%;
  font-variant: normal;
}
.listado .fecha {
  color: #fff;
  background: #114e8f;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'TruenoLt', arial;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 0.625rem 0 0.625rem;
  margin: 0 0 0.625rem 0;
}
.listado .fecha .detalle {
  font-size: 1rem;
}
.multimedios.principal .noticias .fechanota,
.multimedios.principal .multimedios .fechanota,
.multimedios.principal .multimedios .ribete {
  background: none;
}
.portada .multimedios .documento .fechanota {
  color: #000;
}
.noticias .categoria,
.multimedios .contenedor.tarjeta .categoria,
.sobre.titulares .categoria {
  color: #114e8f;
  display: inline-block;
  margin: 0 0.625rem 0 0.625rem;
}
.multimedios.franja.horizontal .marco > .categoria {
  display: none;
}
.noticias .texto.interno a.categoria {
  color: #fff;
}
.noticias .lo-ultimo .fechanota {
  background: #f7931e;
}
.noticias .ciencia-tecnologia .fechanota {
  background: #0aacb9;
}
div.autor-noticia {
  width: 90%;
  color: #204D6F;
  font-size: 0.8125rem;
  margin: 0 0.625rem 0.625rem 0.625rem;
}
div.autor-noticia a {
  position: relative;
  color: #204D6F;
}
div.autor-noticia span {
  position: relative;
}
div.texto_interno {
  font-size: 1rem;
}
a.enlace {
  font-family: 'TruenoLt', arial;
  color: #3366cc;
}
.iconos_servicios {
  float: right;
  vertical-align: middle;
}
div.columna-principal ul.destacado li:nth-child(odd) {
  background-color: #fafaf7;
}
div.columna-principal ul.destacado li:nth-child(even) {
  background-color: #ffffff;
}
table.planes th {
  background: #fafaf7;
}
table.dataTable {
  width: 100%!important;
}
.texto-principal {
  margin: 1.25rem;
}
.texto-principal .seccionimpar,
.texto-principal .seccionpar,
.texto-principal .linea1,
.texto-principal .linea2 {
  border-bottom: 1px solid #ddd;
}
.texto-principal p {
  font-size: 0.9375rem;
}
/*** Fin Columna Central ***/
/*** Columna izquierda ***/
div.columna-izquierda ul {
  list-style-image: none;
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0;
}
div.columna-izquierda ul.menu li {
  background: #204c6f;
  color: white;
  font-weight: bold;
}
div.columna-izquierda ul.menu li:last-child {
  margin-bottom: 0;
}
div.columna-izquierda ul.menu li.padre ul {
  display: none;
}
div.columna-izquierda ul.menu.acordeon li img {
  float: right;
  margin-right: 10px;
}
div.columna-izquierda ul.menu li span {
  color: white;
  font-weight: bold;
}
div.columna-izquierda ul.menu li span:hover {
  cursor: pointer;
  text-decoration: underline;
}
div.columna-izquierda ul.menu a {
  display: block;
  color: white;
  font-weight: bold;
  text-decoration: none;
}
div.columna-izquierda ul.menu a:hover {
  cursor: pointer;
  text-decoration: underline;
}
div.columna-izquierda ul.menu li ul li {
  background: #DEE4E8;
}
div.columna-izquierda ul.menu li ul li a,
div.columna-izquierda ul.menu li ul li span {
  color: #204c6f;
}
/*** Fin Columna izquierda ***/
/*** Columna derecha ***/
div.columna-derecha ul {
  list-style-image: none;
  list-style-type: none;
  padding-left: 0px;
  padding-left: 0.625rem;
}
div.columna-derecha ul li {
  position: relative;
  margin: 0.3125rem;
}
div.columna-derecha ul li:before {
  content: "\203A";
  color: #204c6f;
  position: absolute;
  font-weight: bold;
  left: -0.625rem;
  font-size: 1.25rem;
  line-height: 0.9375rem;
}
div.columna-derecha ul li div.columna-derecha ul a:hover {
  text-decoration: underline;
}
div.columna-derecha ul.panel li:before,
div.columna-derecha ul.alternando li:before {
  content: none;
}
div.columna-derecha h3 {
  font-family: 'TruenoRg', arial;
  color: #204c6f;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0625rem;
  margin: 1.875rem 0 0.625rem 0;
}
div.columna-derecha h3 span,
div.columna-derecha h3 a {
  color: #204c6f;
  text-decoration: none;
}
div.columna-derecha h3 a:hover {
  text-decoration: underline;
}
div.columna-derecha .datePicker {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.date-picker {
  margin-top: -7rem !important;
}
.datePicker {
  font-size: 0.75rem;
}
.datePicker table {
  margin-top: -1.25rem;
}
.datePicker table td,
.datePicker table tbody th {
  width: 1.625rem;
  height: 1.625rem;
}
.datePicker .date-picker-title {
  height: 1.875rem;
  padding: 0.125rem;
  font-size: 1.4375rem;
}
div.columna-derecha .anuncio {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
div.columna-derecha .anuncio a {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/*** Fin Columna derecha ***/
/* FIN INTENRO */
/* PIE DE PAGINA */
body.desplazado #marco-principal #pie-pagina {
  min-height: 10px;
  z-index: 5;
}
#pie-pagina {
  display: block;
  color: white;
  width: 100%;
  position: relative;
  background: #323232;
  flex: 1;
  /* Poner el pie de página siempre ajustado al borde inferior: */
  margin-top: auto;
  /*box-shadow: 0 500px 0 500px #323232; /* Para llenar espacio vertical sobrante en páginas con poca altura */
  min-height: 17.375rem;
  font-size: 0.8125rem;
}
#pie-pagina .abajo {
  margin: 1.25rem 0 1.25rem 0;
}
#pie-pagina h2 {
  margin: 1.25rem 0.625rem 0.3125rem 0;
}
#pie-pagina .contenido.interno {
  background: #323232;
  background-size: 50%;
  vertical-align: top;
  min-height: 17.375rem;
  font-size: 0.8125rem;
}
#pie-pagina .izquierda,
#pie-pagina .centro,
#pie-pagina .derecha {
  vertical-align: top;
  display: inline-block;
}
#pie-pagina .izquierda .cuerpo,
#pie-pagina .centro .cuerpo,
#pie-pagina .derecha .cuerpo {
  display: inline-block;
}
#pie-pagina .izquierda {
  white-space: nowrap;
  vertical-align: top;
  position: relative;
  background: none;
  width: 18%;
}
#pie-pagina .pie {
  margin: 1.25rem;
}
#pie-pagina .centro {
  width: 38%;
}
#pie-pagina .derecha {
  position: relative;
  width: 38%;
  text-align: center;
}
#pie-pagina .derecha ul {
  padding: 0px;
  display: block;
}
#pie-pagina .derecha ul li {
  margin: 0 0 0 0.625rem;
  padding: 0 0.625rem 0 0;
  border-right: 1px solid white;
}
#pie-pagina .derecha ul li:last-child {
  border: none;
}
#pie-pagina .derecha ul li a {
  color: white;
  text-decoration: none;
  white-space: nowrap;
}
#pie-pagina .derecha ul li a:hover {
  text-decoration: underline;
}
#pie-pagina nav {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 1.25rem 0 1.25rem;
}
#pie-pagina nav ul.enlaces {
  padding-top: 0.5rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#pie-pagina nav ul.enlaces li {
  margin: 0.25rem;
}
#pie-pagina nav ul.enlaces li .imagen {
  text-align: left;
  width: 2.5rem;
  height: 2.5rem;
}
#pie-pagina nav ul.enlaces li.imagen_texto span,
#pie-pagina nav ul.enlaces li.imagen_texto .svg {
  display: inline-block;
  vertical-align: middle;
}
#pie-pagina nav ul.enlaces li.imagen_texto .svg {
  width: 2.5rem;
}
#pie-pagina nav ul.enlaces li.imagen_texto .texto {
  padding: 0.25rem;
}
#pie-pagina nav h2 span {
  color: #fff;
  padding: 0.25rem;
}
body.pie_adorno_derecha #pie-pagina {
  display: block;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno {
  display: grid;
  grid-template-columns: 34% 34% 32%;
  grid-template-rows: auto;
  grid-template-areas: "izquierda centro derecha";
  width: 100%;
  max-width: none;
  margin: none;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .izquierda,
body.pie_adorno_derecha #pie-pagina .contenido.interno .centro,
body.pie_adorno_derecha #pie-pagina .contenido.interno .derecha {
  width: 100%;
  display: inline-block;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .izquierda {
  grid-area: izquierda;
  padding: 2.5rem;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .centro {
  grid-area: centro;
  padding: 2.5rem;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .derecha {
  grid-area: derecha;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .derecha div.entrada {
  display: flex;
  height: 100%;
}
body.pie_adorno_derecha #pie-pagina .contenido.interno .derecha img {
  object-fit: cover;
  width: auto;
  height: 100%;
}
/* FIN PIE DE PAGINA */
/* GENERAL */
.offscreen {
  position: absolute;
  top: 0;
  left: -9999px;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.accesible {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  /* added line */
  width: 1px;
  transition: 0 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}
.accesible:focus {
  position: fixed;
  top: 0;
  left: 0;
  clip: auto;
  width: auto;
  height: auto;
  overflow: auto;
  z-index: 20;
  background: #fff;
}
/*
.imagen
{	
	text-align:center;
	position:relative;
	line-height:0;
}*/
a.imagen.derecha,
div.imagen.derecha {
  float: right;
}
.imec .contenedor {
  display: table;
}
.imec div.derecha .compartir,
.imec div.izquierda .compartir {
  font-size: 2.5rem;
}
.imec.compacto div.derecha .compartir,
.imec.compacto div.izquierda .compartir {
  font-size: 1.875rem;
}
.listado .imagen,
.imec .imagen,
.contenedor .imagen {
  overflow: hidden;
  /*background:#c8c8cc;*/
  position: relative;
}
.listado .imagen .ico,
.imec .imagen .ico,
.contenedor .imagen .ico {
  color: #fff;
  width: 100%;
  text-align: center;
}
.listado .imagen .ico:empty,
.imec .imagen .ico:empty,
.contenedor .imagen .ico:empty {
  /*background: #5e6164;*/
  /*min-height: 13rem;*/
}
.listado .imagen .ico:before,
.imec .imagen .ico:before,
.contenedor .imagen .ico:before {
  position: absolute;
  top: 58%;
  left: 0;
  color: #fff;
  opacity: 0.85;
  text-shadow: 2px 2px 4px #00000026;
}
ul.listado .imagen .marco.vacio {
  background: #5e6164;
  min-height: 13rem;
}
.listado .imagen img,
.imec .imagen img,
.entrada .imagen img,
.item .imagen img {
  transition: all 0.5s ease-in-out;
}
.listado .imagen :hover img,
.imec a:hover img,
.listado .imagen :hover img,
.imec .imagen :hover img,
.item:hover .imagen img,
.entrada:hover .imagen img,
.listado .imagen .keyboard-focus img,
.imec a.keyboard-focus img,
.listado .imagen .keyboard-focus img,
.imec .imagen .keyboard-focus img,
.item.keyboard-focus .imagen img,
.entrada.keyboard-focus .imagen img {
  transform: scale(1.1);
}
.imec .imagen,
.imec .texto {
  display: inline-block;
  vertical-align: middle;
}
#centro-arriba div.interno h1,
#centro-medio div.interno h1,
.columna-principal div.interno h1,
.panel.funciones header,
.panel.funciones header select,
.panel.funciones header button {
  text-align: center;
  font-family: 'TruenoRg', arial;
  font-weight: normal;
}
.panel.funciones header,
.panel.funciones header select,
.panel.funciones header button {
  text-transform: uppercase;
}
#centro-arriba div.interno h1,
#centro-medio div.interno h1,
.columna-principal div.interno h1,
.titulares h1,
.titular h1 {
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: 0.125rem;
}
.titulares h1,
.titular h1 {
  margin: 0.3125rem 0 0.3125rem 0;
}
#centro-arriba div.interno h1.listado,
#centro-medio div.interno h1.listado,
.columna-principal div.interno h1.listado {
  margin-top: 3.125rem;
}
.listado .evento .contenedor {
  width: 100%;
}
.columna-principal div.interno div.detalle.evento h1,
.columna-principal div.interno div.detalle.evento h1 a,
#centro-medio div.interno div.detalle.evento h1,
#centro-medio div.interno div.detalle.evento h1 a,
.encabezado1 {
  font-size: 2.25rem;
  line-height: 2.25rem;
}
div.interno div.detalle.evento h1 {
  margin: 0.3125rem 0 0.625rem 0;
}
div.interno h2,
.portada div.interno h2,
.portada div.interno .h2 {
  padding: 1.25rem 0 1.25rem 0;
}
.centro-arriba div.interno h2,
.centro-medio div.interno h2 {
  min-width: 7.5rem;
  margin-top: 2.5rem;
}
.centro-arriba div.interno h2,
.centro-arriba div.interno h2 a,
.centro-medio div.interno h2,
.centro-medio div.interno h2 a,
.encabezado2,
div.box h2,
div.box h2 a,
div.box label,
div.box label a {
  font-size: 1.25rem;
}
.centro-arriba div.interno h3,
.centro-arriba div.interno h3 a,
.centro-medio div.interno h3,
.centro-medio div.interno h3 a,
div.box h3,
div.box h3 a {
  font-size: 1.625rem;
  margin: 1.25rem 0 1.25rem 0;
}
div.interno .listado h3,
div.interno .listado h3 a {
  font-size: 1.25rem;
  margin: 0 0 0.3125rem 0;
}
.interno.actividades.recientes h3,
.interno.actividades.recientes h3 a,
.interno .listado.compacto h3,
.interno .listado.compacto h3 a {
  font-size: 1rem;
  margin: 0 0 0.1875rem 0;
}
div.interno div.detalle.evento h4 {
  margin-bottom: 1.25rem;
}
.centro-arriba div.interno h4,
.centro-arriba div.interno h4 a,
.centro-medio div.interno h4,
.centro-medio div.interno h4 a {
  font-size: 1rem;
  margin: 0.625rem 0 0.625rem 0;
}
.panel.funciones header,
.panel.funciones header select,
.panel.funciones header button {
  text-align: center;
  font-family: 'TruenoRg', arial;
  font-weight: normal;
}
.panel.funciones header {
  margin: 2.5rem auto 0.625rem auto;
}
#centro-medio div.interno h1.noticia,
.columna-principal div.interno .detalle.evento h1,
#centro-medio div.interno .detalle.evento h1,
.multimedios #centro-medio div.interno h1.primero,
#centro-medio div.interno h1.primero,
.columna-principal div.interno h1.primero {
  text-transform: none;
  text-align: left;
  letter-spacing: normal;
}
.noticia .titulo,
.detalle.evento .titulares h1,
div.interno h1.primero,
div.interno h1.primero a,
div.interno h1.primero span {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}
.destaque.noticias .titulares,
.noticias .titulares h1 {
  color: #004972;
}
.noticias .titulares,
.noticias .titulares h1 {
  text-align: left;
}
.destaque-portada.principal {
  position: relative;
}
video.anuncio {
  position: relative;
  width: 100%;
  height: auto;
}
.destaque-portada.principal .noticias .controles-slider {
  position: absolute;
  top: 0;
  z-index: 2;
}
.destaque-portada.principal .noticias .paneles {
  position: relative;
}
#marco-principal.fondo.oscuro #inicio-contenidos:before {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
#marco-principal.fondo.oscuro div.columna-principal a,
#marco-principal.fondo.oscuro .enlace.privado,
#marco-principal.fondo.oscuro .texto.interno a {
  color: #77aed8;
}
.portada .noticias .franja.horizontal h2:before,
.portada .destaque.agenda h2:before,
.portada .enlaces-destacados h2 .fondo {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: -1;
}
.portada .franja.horizontal h2 {
  text-transform: uppercase;
}
.portada .noticias .franja.horizontal h2 {
  width: 100vw;
  position: absolute;
  z-index: 3;
  text-align: center;
  left: 0;
  margin: 0;
}
.portada .noticias .franja.horizontal h2:before,
.portada .agenda h2:before {
  content: " ";
  background: #f2f2f2;
}
.portada .enlaces-destacados h2:before {
  background: #004972;
}
.chosen-container-single .chosen-single:before {
  /*position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.8;
	z-index:-1;*/
  content: " ";
  background: #fff;
  opacity: 0.35;
}
.hijo-enganchable {
  position: relative;
}
/*
.franja.horizontal h2,
div.interno .franja.horizontal h2,
.portada div.interno .franja.horizontal h2,
.destaque.agenda h2.fijo,
.destaque.agenda div.interno h2.fijo,
.portada .destaque.agenda div.interno h2.fijo,
.destaque .enlaces-destacados h2.fijo
{
	padding:0;
    margin:0;
}*/
.destaque.agenda h2.fijo a {
  z-index: 2;
}
.noticias .franja.horizontal h2 a,
div.interno .noticias .franja.horizontal h2 a {
  color: #333333;
  text-transform: uppercase;
}
.destaque.absoluto .marco .categoria,
.franja.horizontal .parrafo {
  display: none;
}
.franja.horizontal .multimedios .parrafo {
  display: block;
}
.franja.horizontal .sub,
.portada .panel .sub {
  display: block;
}
.franja.horizontal .listado {
  margin: 0;
}
.franja .listado,
.franja .listado .entrada,
.franja .listado.multimedios ul li {
  vertical-align: top;
  position: relative;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.franja.horizontal .listado,
.franja.horizontal .listado .entrada,
.franja.horizontal .listado.multimedios ul li,
.menu-medios-comunicacion ul li {
  display: inline-block;
}
.franja.horizontal .listado .entrada .imagen,
.franja.horizontal .listado.multimedios ul li .imagen {
  overflow: hidden;
}
.franja.horizontal .listado {
  width: 100%;
}
.franja.horizontal .listado .panel.texto {
  display: table;
}
.franja.horizontal .noticias .entrada .texto {
  padding: 0;
  text-align: left;
  width: 100%;
  font-size: 1rem;
}
.franja.horizontal .listado .imagen,
.multimedios .franja.horizontal .imagen {
  max-height: 15rem;
}
.portada.estudiantes .franja.horizontal .listado .entrada .imagen,
.portada.estudiantes .franja.horizontal .listado.multimedios ul li .imagen,
.portada.egresados .franja.horizontal .listado .entrada .imagen,
.portada.egresados .franja.horizontal .listado.multimedios ul li .imagen,
.portada.funcionarios .franja.horizontal .listado .entrada .imagen,
.portada.funcionarios .franja.horizontal .listado.multimedios ul li .imagen {
  max-height: 21.5625rem;
}
.destaque.portada .panel-flotante {
  position: absolute;
  right: 0;
  transition: right 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  width: 42.5rem;
  height: 24.75rem;
  bottom: 5.3125rem;
  font-size: 0.875rem;
}
.destaque.portada .panel-flotante .borde {
  padding: 1.0625rem;
}
.destaque.portada .panel-flotante.cerrado {
  right: -42.5rem;
}
.destaque.portada .barra {
  position: absolute;
  overflow: hidden;
  right: 0;
  z-index: 6;
  top: 24.0625rem;
  width: 2.5rem;
}
.barra.redes-sociales {
  position: fixed;
  overflow: hidden;
  right: 0;
  z-index: 100;
  top: 30rem;
  width: 2.5rem;
}
.destaque.portada .barra ul,
.barra.redes-sociales ul {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.destaque.portada .barra nav,
.destaque.portada .barra ul,
.barra.redes-sociales nav,
.barra.redes-sociales ul {
  width: 2.5rem;
}
.destaque.portada .barra .mas-cerrar,
.barra.redes-sociales .mas-cerrar {
  outline: 0;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  transition: transform 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1) 0.5s;
  transform: translate(-6%, 0%) rotate(-45deg);
  font-size: 4.125rem;
  padding-bottom: 0.625rem;
}
.destaque.portada .barra .mas-cerrar.cerrado,
.barra.redes-sociales .mas-cerrar.cerrado {
  transform: rotate(360deg);
  color: #134e8b;
  transition: background 0.2s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}
.destaque.portada .barra .mas-cerrar.cerrado:hover,
.barra.redes-sociales .mas-cerrar.cerrado:hover {
  background: #134e8b;
  color: #74bbd1;
}
.destaque.portada .barra ul li,
.destaque.portada .barra .mas-cerrar,
.barra.redes-sociales ul li,
.barra.redes-sociales .mas-cerrar {
  text-align: center;
  color: #fff;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.875rem;
}
.destaque.portada .barra ul li:hover,
.barra.redes-sociales ul li:hover {
  cursor: pointer;
  background: #282828;
  color: #0fa6df;
  text-decoration: none;
}
.destaque.portada .barra .mas-cerrar:hover,
.barra.redes-sociales .mas-cerrar:hover {
  cursor: pointer;
  color: #134e8b;
  text-decoration: none;
}
.destaque.portada .barra ul li a,
.barra.redes-sociales ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.barra.redes-sociales ul li a:before {
  vertical-align: sub;
}
/*
.destaque.portada .barra ul li a span,
.barra.redes-sociales ul li a span
{		
	display:none;
}*/
.destaque.portada .panel-flotante .fondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}
.portada .menu-medios-comunicacion ul {
  width: 100%;
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0 3.125rem 5rem 3.125rem;
  margin: 0;
}
.portada .menu-medios-comunicacion ul li {
  padding-right: 1.25rem;
}
.franja.horizontal .menu-pie ul {
  margin: 0;
  padding: 0;
}
.franja.horizontal .menu-pie ul li {
  display: inline-block;
  padding-right: 1.25rem;
}
.franja.horizontal .menu-pie ul li a,
.franja.horizontal .menu-pie ul li span,
.posicionado.menu-medios-comunicacion .franja.horizontal ul.bloque li a,
.posicionado.menu-medios-comunicacion .franja.horizontal ul.bloque li span {
  color: #134e8b;
  font-weight: bold;
}
.destaque#marco-principal.portada .pestana h3 {
  margin: 0;
  padding: 0;
}
.destaque#marco-principal.portada .pestana .imagen,
.destaque#marco-principal.portada .pestana .texto {
  display: inline-block;
  vertical-align: top;
}
.destaque#marco-principal.portada .noticias.secundarias .texto .parrafo,
.destaque#marco-principal.portada .noticias.secundarias .principal .texto .sub,
.destaque#marco-principal.portada .noticias.secundarias .entrada .autores {
  display: none;
}
.destaque#marco-principal.portada .noticias.secundarias .entrada,
.destaque#marco-principal.portada .entrada .texto {
  padding: 0 0 0.5625rem 0;
}
.destaque#marco-principal.portada .noticias.secundarias .principal .texto,
.destaque#marco-principal.portada .multimedios .texto {
  width: 26.5625rem;
  padding: 0 0.5625rem 0 0.5625rem;
}
.destaque-portada a.imagen.izquierda,
.destaque-portada div.imagen.izquierda,
.destaque-portada a.imagen.derecha,
.destaque-portada div.imagen.derecha {
  float: none;
}
.destaque.portada .panel-flotante .paneles.multimedios {
  position: absolute;
  top: 0;
  left: 0;
  width: 42.5rem;
  height: 22.125rem;
  padding: 1.0625rem;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.multimedios li a:hover {
  text-decoration: none;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.multimedios li a:hover h3 {
  text-decoration-line: underline;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.pie {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 1.0625rem;
  bottom: 0.625rem;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.pie li {
  display: inline-block;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.pie li a {
  font-family: 'TruenoRg', arial;
  text-transform: uppercase;
  color: #4d4d4d;
  font-size: 1.25rem;
  margin-right: 1.875rem;
}
.destaque#marco-principal.portada .panel .noticia h3 {
  padding-bottom: 1rem;
}
.destaque.portada .panel-flotante .paneles.multimedios ul.multimedios {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.destaque-portada.personalidad,
.destaque-portada.desborda {
  z-index: 5;
}
.destaque-portada.desborda,
.desborda svg {
  overflow: visible;
}
.destaque-portada.personalidad .franja {
  background: #2b88ae;
}
.destaque-portada.personalidad .franja .contenido.interno {
  position: relative;
}
.destaque-portada.personalidad .franja .detalle {
  top: 0;
  color: #fff;
  display: table;
}
.destaque-portada.personalidad .franja .detalle .contenido {
  display: table-cell;
  vertical-align: middle;
}
.destaque-portada.personalidad .franja .detalle,
.destaque-portada.personalidad .franja .imagen,
.destaque-portada.personalidad .franja .imagen-fondo {
  position: absolute;
}
.destaque-portada.desborda .imagen-fondo {
  width: 100%;
}
.destaque-portada.personalidad .franja .imagen img {
  border-radius: 50%;
}
ul.listado .imagen .marco {
  position: relative;
  display: block;
  width: inherit;
  height: inherit;
  border: none;
}
.destaque-portada ul.multimedios li div,
.destaque-portada ul.multimedios li div a {
  color: white;
}
.destaque-portada ul.multimedios li div.imagen a {
  display: block;
  position: relative;
}
.imagen.svg img,
picture {
  width: 100%;
  height: 100%;
}
.imagen .marco img.mostrar,
.imagen img.mostrar {
  opacity: 1;
}
.interna div.pie {
  color: #666;
  text-align: left;
  border-bottom: 1px solid #999;
}
.adjunto.html .interna .pie {
  color: initial;
  text-align: left;
  border-bottom: none;
  font-size: revert;
}
.detalle-noticia .foto.vertical a.contenido,
.detalle-noticia .foto.vertical .pie {
  display: inline-block;
  vertical-align: middle;
}
.detalle-noticia .foto.vertical a.contenido {
  width: 60%;
}
.detalle-noticia .foto.vertical .pie {
  width: 37%;
  font-size: 1.1875rem;
  margin-left: 0.9375rem;
}
.detalle-noticia .foto.vertical,
.detalle-noticia .accesorio {
  max-width: 43.75rem;
  margin: 1.875rem auto 1.875rem auto;
}
.interno.texto .accesorio {
  text-align: left;
}
.interno.texto .accesorio .derecha {
  text-align: right;
  display: block;
}
.cita {
  text-align: justify;
}
.cita::before {
  content: "\201C";
  color: white;
  font-size: 8.75rem;
  line-height: 0;
  position: absolute;
  left: -3.125rem;
  top: 60%;
}
.cita:after {
  content: "\201D";
  color: white;
  font-size: 8.75rem;
  line-height: 0;
  position: absolute;
  right: -3.125rem;
  top: 60%;
}
.cita.negro::before {
  content: "\201C";
  color: black;
  font-size: 6.25rem;
  line-height: 0;
  margin-right: 0.625rem;
  vertical-align: -1.875rem;
}
.cita.negro:after {
  content: "\201D";
  color: black;
  font-size: 6.25rem;
  line-height: 0;
  margin-left: 0.625rem;
  vertical-align: -4.375rem;
}
.cita.azul::before {
  content: "\201C";
  color: #204D6F;
  font-size: 6.25rem;
  line-height: 0;
  margin-right: 0.625rem;
  vertical-align: -3.125rem;
}
.cita.azul:after {
  content: "\201D";
  color: #204D6F;
  font-size: 6.25rem;
  line-height: 0;
  margin-left: 0.625rem;
  vertical-align: -4.375rem;
}
.cita h3,
div.interno .accesorio h3 {
  text-align: left;
  margin: 0;
  display: inline;
}
.imagen.destacada.portada,
.imagen.destacada.interna,
.interna.destacada .contenido,
.foto.destacada.portada .contenido,
.foto.destacada.interna .contenido {
  width: 100%;
  height: auto;
}
.imagen.destacada.portada .marco,
.imagen.destacada.interna .marco {
  background-size: 100% 100%;
}
.contenedor-imagen-banner:not(.cuaderno):not(.sencillo) .imagen-banner {
  display: block;
  overflow: hidden;
  line-height: 0;
}
a.imagen-banner {
  display: block;
  line-height: 0;
}
.contenedor-imagen-banner div.pie,
div.pie-imagen-destacada {
  color: white;
  background: black;
  padding: 0.9375rem 0 0.9375rem 0;
  font-size: 0.75rem;
}
.contenedor-imagen-banner div.pie,
.contenedor-imagen-destacada .pie .titulos {
  padding: 1rem;
}
.contenedor-imagen-destacada .pie .titulo {
  font-size: 1.625rem;
  padding: 0.625rem 0 0.625rem 0;
}
.noticia .video-interno {
  margin: 2.5rem 0 2.5rem 0;
}
div.fondo-pie-foto {
  padding: 1.25rem;
  font-size: 1rem;
}
.pie-imagen-destacada p {
  margin: 0;
}
.centrado {
  text-align: center;
}
ul.menu {
  list-style-type: none;
}
/* -- form validation */
.invalid {
  border-color: #ff0000;
}
label.invalid {
  color: #ff0000;
}
div.calendario {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  width: 11.25rem;
  height: 8.4375rem;
}
div.calendario div.fondo {
  display: block;
  width: 11.25rem;
  height: 8.4375rem;
}
div.calendario img {
  float: right;
}
div.actividades div.calendario table {
  top: 1.25rem;
}
div.calendario div.sub_calendario {
  font-family: 'TruenoRg', arial, verdana;
  color: #666666;
  font-weight: bold;
  font-size: 0.875rem;
}
div.calendario div.sub_calendario a {
  color: #3366cc;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.875rem;
}
div.calendario div.sub_calendario a:hover {
  text-decoration: underline;
}
div.calendario div.sub_calendario span {
  font-family: 'TruenoRg', arial, verdana;
  color: #00416e;
  font-size: 1rem;
}
.calendario.anual,
.calendario.anual table {
  width: 100%;
}
.calendario.anual .mes {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 15.625rem;
  height: 12.5rem;
  margin: 1.25rem 2.5rem;
}
.calendario.anual .mes .actividades {
  position: relative;
}
.calendario.anual .mes .encabezado {
  background: #009ee2;
}
.calendario.anual .mes .encabezado,
.calendario.anual .mes .encabezado a {
  color: white;
}
table.calendar td {
  line-height: 0.75rem;
  padding: 0.25rem 0 0.25rem 0;
}
table.calendar td.dia {
  text-align: center;
}
table.calendar td.dia a {
  color: #009ee2;
  text-decoration: none;
  font-size: 1rem;
}
table.calendar td.dia a:hover {
  color: #FFFF99;
  text-decoration: underline;
}
table.calendar td.dia a:hover span {
  color: #FFFF99;
  text-decoration-line: underline;
}
table.calendar td.dia a span {
  color: #e57b4a;
  font-weight: bold;
  text-decoration: none;
}
table.naranja tr:nth-child(even) {
  background: #fef4e8;
}
form.link {
  display: inline;
}
#contenidos select.paginas {
  border: 1px solid #fff;
  vertical-align: bottom;
}
/*
:not(.mdl):not(.cke_dialog_ui_input_text)
{
	&.input[type="text"],
	&.input[type="date*"],
	&.input[type="month"],
	&.input[type="time"],
	&.input[type="week"],
	&.input[type="email"],
	&.input[type="tel"],
	&.input[type="range"],
	&.input[type="number"],
	&.input[type="url"]
	{	
		border:1px solid #fff;
		vertical-align:bottom;
	}
}

#contenidos select,	
.form-group select
{	
	border:1px solid #000;
}

#contenidos,
#centro-medio
{
	:not(.mdl)
	{
		&.input[type="text"],
		&.input[type="date*"],
		&.input[type="month"],
		&.input[type="time"],
		&.input[type="week"],
		&.input[type="email"],
		&.input[type="tel"],
		&.input[type="range"],
		&.input[type="number"],
		&.input[type="url"]
		{	
			border:1px solid #000;
		}
	}
}
*/
.filtros select,
#contenidos .filtros select.paginas {
  border: none;
}
/*
#contenidos,
#centro-medio
{
	.filtros:not(.mdl)
	{
		&.input[type="text"],
		&.input[type="date*"],
		&.input[type="month"],
		&.input[type="time"],
		&.input[type="week"],
		&.input[type="email"],
		&.input[type="tel"],
		&.input[type="range"],
		&.input[type="number"],
		&.input[type="url"]
		{	
			border:none;
		}
	}
}*/
#centro-medio .contenedor-formulario {
  border: 1px solid #5f5f5f;
  border-radius: 5px;
  word-wrap: break-word;
  margin: 3.125rem 0 0.625rem 0;
  padding: 1.875rem;
}
.contenedor-formulario {
  /*label
	{
		font-weight:bold;
		font-size:@20rem;
		.fb-required
		{
			font-size:@40rem!important;
			line-height:@35rem;
		}
		*
		{
			font-weight:normal;
		}
	}*/
}
.contenedor-formulario.solo {
  padding: 0 1.875rem;
}
.contenedor-formulario .encabezado-formulario {
  font-size: 2.125rem;
  margin-bottom: 1.875rem;
}
.contenedor-formulario pre {
  word-wrap: break-word;
  white-space: pre-wrap;
}
/*
.rendered-form .form-control
{
	border-radius:0!important;
}

.rendered-form .fb-checkbox-group .checkbox, 
.rendered-form .fb-checkbox-group .checkbox-inline,
.rendered-form .fb-radio-group .radio, 
.rendered-form .fb-radio-group .radio-inline
{
	padding-left:@36rem!important;
}

.contenedor-formulario .rendered-form .fb-checkbox-group label.checkbox,
.contenedor-formulario .rendered-form .fb-radio-group label.radio
{
	width:100%;
}
/*
.contenedor-formulario .fb-select-label.mdl-textfield__label
{
	height:@34rem!important;
	line-height:@34rem!important;
}

.contenedor-formulario .rendered-form .fb-checkbox-group label.checkbox
{
	line-height:@29rem;
	margin-bottom:@10rem;
}

.contenedor-formulario .rendered-form .fb-radio-group label.radio
{
	line-height:@23rem;
	margin-bottom:@10rem;
}*/
.tooltip-element {
  margin: 0 1.5625rem !important;
}
/*
.rendered-form div.btn
{
	padding:@6rem @24rem @6rem 0!important;
}*/
.fb-autocomplete-list {
  margin: 0!important;
}
/*
.rendered-form .form-control:focus
{
	box-shadow:none!important;
}

.rendered-form .form-control
{
	font-size:@17rem!important;
}*/
.mdl-button--raised {
  box-shadow: none!important;
}
::selection,
.mdl-button--colored,
.mdl-textfield__label:after {
  background-color: #095fa3 !important;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #d50000 !important;
}
.form-control .rendered-form.input[type="text"],
.rendered-form.input[type="date*"],
.rendered-form.input[type="month"],
.rendered-form.input[type="time"],
.rendered-form.input[type="week"],
.rendered-form.input[type="email"],
.rendered-form.input[type="tel"],
.rendered-form.input[type="range"],
.rendered-form.input[type="number"],
.rendered-form.input[type="url"] {
  padding: 0!important;
}
.mdl-radio {
  padding-right: 1.875rem !important;
}
.mdl-checkbox__label {
  font-size: 1.25rem !important;
}
.mdl-checkbox__box-outline,
.mdl-radio__outer-circle {
  width: 1.625rem !important;
  height: 1.625rem !important;
}
.mdl-radio__ripple-container,
.mdl-checkbox__ripple-container {
  top: -0.75rem !important;
  left: -0.9375rem !important;
  width: 3.5rem !important;
  height: 3.5rem !important;
}
.mdl-radio__ripple-container {
  top: -0.875rem !important;
}
.mdl-radio__inner-circle {
  top: 0!important;
  left: 0!important;
  transform: translate(45%, 45%) scale(0, 0) !important;
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  transform: translate(45%, 45%) scale(1, 1) !important;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
  height: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 2.5rem;
}
.mdl-radio__outer-circle {
  top: 0!important;
}
button.fd-screen-reader {
  width: 1.625rem;
  height: 1.625rem;
  font-size: 1.625rem;
  line-height: 1.625rem;
  margin: 0.25rem 0 0.25rem 0 !important;
}
.contenedor-formulario {
  /*.mdl-textfield
	{
		width:100%!important;
		padding:0!important;
	}*/
}
.contenedor-formulario .btn-danger {
  background-color: #d5543f !important;
}
.contenedor-formulario .btn-info {
  background-color: #41ADE7 !important;
}
.contenedor-formulario .btn-primary {
  background-color: #095fa3 !important;
}
.contenedor-formulario .btn-success {
  background-color: #329e49 !important;
}
.contenedor-formulario .btn-warning {
  background-color: #f69a1d !important;
}
.contenedor-formulario textarea {
  width: 100%;
}
/*
.contenedor-formulario .mdl-textfield,
.contenedor-formulario .mdl-textfield__input,
.contenedor-formulario .getmdl-select .mdl-textfield__input
{
	height:42px!important;
	line-height:34px!important;
}*/
/*
.mdl-textfield__label
{
	color:#000!important;
	top:0!important;
}

.mdl-textfield--floating-label .mdl-textfield__label,
.mdl-textfield__label--floating-label .mdl-textfield__label
{
	transition:all;
	transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.mdl-textfield.is-focused .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label, 
.mdl-textfield.has-placeholder .mdl-textfield__label
{
	padding-bottom:40px!important;
	z-index:-1;  
}

.mdl-textfield__label--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield__label--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield__label--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, 
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, 
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label
{
	font-size:12px;
}

.mdl-icon-toggle__label 
{
    line-height: 32px;
}

.mdl-textfield.is-dirty .mdl-textfield__label, 
.mdl-textfield.has-placeholder .mdl-textfield__label
{
	visibility:visible!important;
}

.mdl-textfield__label:after
{
	bottom:1px!important;
}

.getmdl-select .mdl-menu__container .mdl-menu__outline
{
	width:100%!important;
}*/
.fb-textarea label,
.fb-select label,
.fb-autocomplete label {
  display: block;
}
label {
  min-height: 1.75rem;
  line-height: 1.75rem;
}
input.w3em {
  background: none;
  color: #fff;
  border: none;
  width: 6.25rem;
  font-size: 1.125rem;
}
.w3em-cont {
  position: relative;
}
.w3em-cont .date-picker-dateval:link,
.w3em-cont .date-picker-dateval:visited {
  position: absolute;
  top: 0;
}
form button:not(.mdl),
.botones-globos button,
fieldset button:not(.mdl) {
  height: 1.75rem;
  margin: 0.25rem 0 0.25rem 0;
}
/*.contenedor-formulario .radio-group
{
	padding-top:@10rem;
}*/
.flash-form {
  padding-bottom: 2.5rem;
}
.form-group,
.g-recaptcha {
  margin: 1rem 0 0.5rem 0 !important;
}
.panel.funciones {
  width: 26.25rem;
}
.panel.funciones button {
  border: none;
}
.panel.funciones .frente {
  padding: 0.625rem;
}
#marco-principal.portada .panel.funciones.enmarcado .frente {
  padding: 0;
}
.panel.funciones button:not(.mdl):not(.link):not(.cerrar):not(.enlace) {
  border: none;
  background: #fff;
  vertical-align: bottom;
  padding: 2px;
}
.panel.funciones button:not(.mdl):not(.link):not(.cerrar):not(.enlace):hover,
.panel.funciones button:not(.mdl):not(.link):not(.cerrar):not(.enlace).keyboard-focus,
.panel.funciones button:not(.mdl):not(.link):not(.cerrar):not(.enlace):focus {
  background: #799baa;
}
.panel.funciones .globo button,
.panel.funciones .globo button:hover,
.panel.funciones .globo button.keyboard-focus,
.panel.funciones .globo button:not(.mdl):not(.link):not(.cerrar):not(.enlace),
.panel.funciones .globo button:not(.mdl):not(.link):not(.cerrar):not(.enlace):hover,
.panel.funciones .globo button:not(.mdl):not(.link):not(.cerrar):not(.enlace).keyboard-focus {
  background: none;
  padding: initial;
}
button.enlace,
button.link {
  text-align: left;
}
button.mensajes,
button.cerrar:hover {
  background: none!important;
}
label.boton:hover,
label.boton.keyboard-focus {
  cursor: pointer;
  text-decoration-line: underline;
}
input.link {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  color: #3366cc;
  text-decoration: none;
  cursor: pointer;
  display: inline;
  font-family: 'TruenoLt', arial;
  font-size: 0.8125rem;
  line-height: 0.875rem;
}
a.link {
  cursor: pointer;
}
button.link {
  background: none;
  border: none;
  font-family: 'TruenoRg';
  font-size: inherit;
}
input.link_grande {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  color: #3366cc;
  text-decoration: none;
  cursor: pointer;
  display: inline;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
}
input.link_ruta {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  color: #3366cc;
  text-decoration: none;
  cursor: pointer;
  display: inline;
  font-family: 'TruenoLt', arial, verdana;
  line-height: 0.8125rem;
}
input.link_panel {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #cfd5d9;
  color: #666666;
  text-decoration: none;
  cursor: pointer;
  display: inline;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
}
input.split-date {
  background: none;
  border: none;
  position: absolute;
  font-family: 'TruenoLt', arial, verdana;
  margin-left: 3.6875rem;
  width: 6.875rem;
  font-size: 0.75rem;
}
div.ventana {
  display: block;
  overflow: auto;
  border: 1px solid #888;
  width: 97%;
  height: 37.5rem;
}
.album {
  border: 1px solid #CCC;
  border: 0.0625rem solid #CCC;
  background-color: #EEE;
  width: 95%;
}
.album .thumb {
  display: block;
  float: left;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #DDD;
  width: 8.125rem;
  height: 8.125rem;
  margin: 1.125rem;
}
.album .thumb a {
  vertical-align: middle;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin: 0.625rem;
  width: 6.875rem;
  height: 6.875rem;
}
.overlay {
  background: black;
  opacity: 0.9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 150;
}
#overlay-compartir {
  position: fixed;
}
#compartir,
.fa.cerrarFrame,
#beginning {
  display: none;
}
.fa.cerrar,
.fa.cerrarFrame {
  padding: 0;
  margin: 0;
  position: absolute;
  text-decoration: none;
  overflow: visible;
  z-index: 160;
  cursor: pointer;
  color: #fff;
  background: transparent;
  border: none;
  right: 1.25rem;
  top: 1.25rem;
  width: 2.5rem;
  height: 2.375rem;
  line-height: 2.25rem;
  font-size: 2.875rem;
}
.cerrarFrame {
  display: none;
  position: fixed;
}
body.overlayed .cerrarFrame {
  z-index: 1000;
  display: block;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
}
.cerrar:hover:before,
.cerrarFrame:hover:before,
.cerrar.keyboard-focus:before,
.cerrarFrame.keyboard-focus:before {
  text-decoration: none;
  font-family: FontAwesome;
  content: "\f05c";
  color: #fff;
}
.cerrar:active,
.cerrarFrame:active,
.cerrar:focus,
.cerrarFrame:focus {
  outline: 0;
  outline: none;
}
#iFrameLogueo {
  border: none;
}
ol.comentario {
  list-style: none;
  padding: 0;
}
ol.comentario li {
  display: none;
  position: relative;
}
textarea.contador,
.rendered-form textarea.form-control.contador {
  height: 6rem;
}
span.star {
  color: red;
}
div.caja-lateral {
  padding: 1px;
  width: 100%;
  margin: 0.125rem 0.3125rem 0.75rem 0;
  padding-bottom: 0.5rem;
}
div.caja {
  display: block;
  position: relative;
  float: none;
  min-width: 12.5rem;
  width: 11.25rem;
}
div.caja ul {
  list-style-type: none;
  padding: 0;
}
div.caja ul li {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.caja ul li a {
  color: #424547;
  margin: 10px;
  text-decoration: none;
}
div.caja ul li a:hover {
  text-decoration: underline;
}
div.progress-container > div {
  background-color: #E6E6E6;
  position: relative;
  display: table;
  width: 100%;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0;
  min-height: 3.125rem;
  line-height: 0.875rem;
}
div.progress-container > div a {
  color: #7C7C7C;
  font-weight: bold;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  font-size: 0.75rem;
  padding: 0.1875rem 0.625rem 0.1875rem 0.1875rem;
}
div.progress-container > div a:hover {
  text-decoration: underline;
}
div.globo.comentario {
  display: table-cell;
  background-color: #FFB800;
  padding: 1px;
  text-align: center;
  color: white;
  vertical-align: middle;
  position: relative;
  min-width: 2.625rem;
  height: 3.125rem;
}
div.formulario div.globo.comentario {
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.listado div.texto,
.listado div.texto a {
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.listado div.texto a.enlace {
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: inline-block;
}
.listado a.comentarios {
  display: table-cell;
  vertical-align: top;
  padding: 0;
}
#enlace-comentarios,
#comentando,
#espacio-comentarios {
  margin: 0 auto 0 auto;
}
#espacio-comentarios {
  font-family: 'TruenoLt';
  padding: 0;
}
#enlace-comentarios .comentarios.icono {
  background: #204D6F;
}
.comentarios.icono {
  margin: 0 0.625rem;
}
.comentarios.icono div {
  position: relative;
  width: 100%;
  padding: 0 0.75rem 0 0.75rem;
}
.comentarios.icono div:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.5625rem;
  left: -0.375rem;
  border-top: 0.25rem solid transparent;
  border-right: 0.375rem solid #204D6F;
  border-bottom: 0.25rem solid transparent;
}
.tabla.compacta {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.columna.derecha {
  text-align: right;
}
.sub-unidad {
  margin-left: auto;
  margin-right: auto;
}
.colapsada {
  display: block;
  position: relative;
}
.tabla {
  display: table;
}
.columna-en-fila {
  display: inline-block;
  vertical-align: top;
}
.columna-en-fila.primaria {
  width: 38%;
}
.columna-en-fila.secundaria {
  width: 49%;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
div.paginador,
div.paginador .tabla {
  display: table;
  width: 98%;
  margin: 1rem auto;
  padding: 0.625rem 0;
}
div.paginador .columna,
.tabla .columna {
  display: table-cell;
}
div.paginador .columna.expande,
.tabla .columna.expande {
  width: 100%;
  text-align: center;
}
div.paginador .columna.expande,
div.paginador .columna.expande a,
div.paginador .columna.expande span,
.tabla .columna.expande,
form button,
.botones-globos button,
fieldset button {
  font-size: 1.0625rem;
}
div.paginador .iconos-comentarios,
div.paginador .iconos-funciones-articulo,
.tabla .iconos-comentarios,
.tabla .iconos-funciones-articulo {
  display: block;
  position: relative;
  width: 100%;
  height: 1.875rem;
}
div.paginador .iconos-comentarios .globo,
.tabla .iconos-comentarios .globo {
  top: 0px;
  right: 0px;
}
.paginador {
  position: relative;
}
.paginador select {
  height: auto;
  margin: 0;
}
.paginador .fa {
  font-size: 1.75rem;
}
.paginador:hover {
  cursor: pointer;
}
.nobr {
  white-space: nowrap;
}
a.comentarios {
  position: relative;
  top: 0;
  text-decoration: none;
  background: #204D6F;
}
a.comentarios span.cantidad {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
div.jp-video-fullp {
  width: 100%;
}
div.jp-video-fullp div.jp-jplayer {
  width: 100vw;
  height: 100vh;
}
iframe.ventana-video {
  width: 200px;
  height: 163px;
}
.video-principal,
.video-destacado {
  max-height: calc(100vh -  6.75rem );
}
.imagen-principal.video-destacado {
  position: absolute;
  width: 100%;
  top: 0;
  transition: opacity 0.5s ease-in-out;
  max-height: calc(100vh -  6.75rem );
  pointer-events: none;
}
.imagen-principal.video-destacado.playing {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.grid-cell:not(.cspan12) .imec.listado .video-principal .jp-video,
.columna-principal.interno .imec.listado .video-principal .jp-video,
.columna-principal .imec.listado .item.tarjeta .video-principal .jp-video,
.item.tarjeta .video-normal .jp-video {
  height: 100%;
}
.grid-cell:not(.cspan12) .imec.listado .video-principal .jp-video .contenedor-imagen-banner,
.columna-principal.interno .imec.listado .video-principal .jp-video .contenedor-imagen-banner,
.columna-principal .imec.listado .item.tarjeta .video-principal .jp-video .contenedor-imagen-banner,
.item.tarjeta .video-normal .jp-video .contenedor-imagen-banner {
  height: 100%;
}
.grid-cell:not(.cspan12) .imec.listado .video-principal .jp-video .contenedor-imagen-banner > div,
.columna-principal.interno .imec.listado .video-principal .jp-video .contenedor-imagen-banner > div,
.columna-principal .imec.listado .item.tarjeta .video-principal .jp-video .contenedor-imagen-banner > div,
.item.tarjeta .video-normal .jp-video .contenedor-imagen-banner > div {
  height: 15rem;
}
.grid-cell:not(.cspan12) .imec.listado .video-principal iframe.jp-jplayer,
.columna-principal.interno .imec.listado .video-principal iframe.jp-jplayer,
.columna-principal .imec.listado .item.tarjeta .video-principal iframe.jp-jplayer,
.item.tarjeta .video-normal iframe.jp-jplayer {
  width: 100%!important;
  height: 100%!important;
}
body.videoplaying .destaque.absoluto:hover {
  height: auto;
}
body.videoplaying .destaque.absoluto:hover .video-principal {
  max-height: none;
}
body.videoplaying #pos-BANNER_ARRIBA .grid-frame > .grid-container .grid-cell.texto-editable.cspan12:first-child:hover {
  z-index: 10;
}
div.galeria.presentacion {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
}
div.galeria div.marco {
  display: inline-block;
  padding: 0px;
  margin: 0 1px 0 1px;
  overflow: hidden;
  text-align: center;
  width: 7.5rem;
}
.contenedor-galeria.destacada {
  background: #000;
}
.camera_wrap {
  height: 70vh;
  min-height: 38.75rem;
}
.camera_caption,
div.interno .camera_caption {
  /**:is(h1, h2, h3, h4, h5, h6) TODO: problemas con emogrifier */
}
.camera_caption h1,
div.interno .camera_caption h1,
.camera_caption h2,
div.interno .camera_caption h2,
.camera_caption h3,
div.interno .camera_caption h3,
.camera_caption h4,
div.interno .camera_caption h4,
.camera_caption h5,
div.interno .camera_caption h5,
.camera_caption h6 a,
div.interno .camera_caption h6 a,
.camera_caption p,
div.interno .camera_caption p {
  color: #fff;
}
.contenedor-galeria.destacada .camera_wrap {
  height: 80vh;
  min-height: 45rem;
}
div.recuadro {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #686868;
  background: #ededed;
  /*margin:@20rem 0 @20rem 0;*/
  padding: 0;
}
div.recuadro div.texto-recuadro {
  padding: 0.3125rem 1.5625rem 0.3125rem 1.5625rem;
}
div.recuadro.destacado {
  color: #fff;
  background: #114e8f;
  line-height: normal;
  padding: 2.5rem 0 2.5rem 0;
}
div.recuadro.destacado h2 {
  color: #fff;
  padding: 0 1.5rem;
}
div.recuadro .encabezado {
  position: relative;
}
div.recuadro .imagen .marco {
  line-height: 0;
  display: block;
}
.texto.interno div.recuadro.basico h2 a,
.recuadro.destacado .interno h1,
.recuadro.destacado .interno h1 a,
.recuadro.destacado .interno h2,
.recuadro.destacado .interno h2 a,
.recuadro.destacado .interno h3,
.recuadro.destacado .interno h3 a,
.recuadro.destacado .interno h4,
.recuadro.destacado .interno h4 a,
.recuadro.destacado .interno h5,
.recuadro.destacado .interno h5 a {
  color: #fff;
}
div.recuadro.basico h2,
div.recuadro .basico h2 {
  font-size: 1.75rem;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
}
div.recuadro.basico h2,
div.recuadro .basico h2,
.portada .listado li .pie {
  color: #fff;
  background: #0c0b0c;
  opacity: 0.8;
  bottom: 0;
  width: 100%;
  margin: 0;
  font-weight: normal;
}
.portada div.recuadro h2 {
  text-transform: uppercase;
  font-size: 2.375rem;
}
div.recuadro.basico .encabezado.con-imagen h2,
div.recuadro .basico.con-imagen h2 {
  position: absolute;
}
div.recuadro .encabezado.con-imagen.vertical {
  display: inline-block;
  width: 48%;
  float: left;
  margin-right: 1.25rem;
}
div.recuadro .titular-arriba .encabezado.con-imagen,
div.recuadro .titular-arriba.encabezado.con-imagen {
  display: flex;
  width: 100%;
  float: none;
  margin-right: 0;
  flex-direction: column-reverse;
}
div.recuadro .titular-arriba .encabezado.con-imagen h2,
div.recuadro .titular-arriba.encabezado.con-imagen h2 {
  position: initial;
}
div.recuadro .encabezado.con-imagen.titular-arriba h2 {
  top: 0;
  bottom: auto;
}
div.recuadro h2.titular-arriba-solo {
  padding: 2rem;
  margin: 0;
  color: #fff;
  background: #323232;
}
#columna-principal .cuadricula .interno {
  display: contents;
}
.btn.editar {
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid transparent;
  text-transform: none!important;
  box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}
.btn.editar i {
  margin-right: 0!important;
}
button.btn {
  padding: 0.35rem 0.75rem;
}
button.marco {
  background: none;
  border: none;
}
.btn.imec {
  background: #fff;
}
a.btn.imec {
  padding: 0;
  width: 2.5rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.btn-group {
  min-height: 2.1875rem;
}
.btn {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  height: 2.25rem;
}
button.btn.imec.chevron {
  width: 40px;
  height: 22px;
  line-height: 20px;
  padding: 0;
}
.imec div.derecha {
  display: table-cell;
  width: 19%;
  text-align: right;
}
.imec h3,
.imec .entrada,
.imec .sub {
  text-overflow: ellipsis;
  overflow: hidden;
}
.imec .contenedor {
  overflow: hidden;
}
.imec .contenedor * {
  text-overflow: ellipsis;
}
.imec .fechanota {
  color: #fff;
  background: #114e8f;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'TruenoLt', arial;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 0.625rem;
  margin: 0 0 0.625rem;
}
.imec .thumbnail {
  font-size: 5rem;
  line-height: 5rem;
}
.imec .thumbnail img {
  width: 12.5rem;
  clip: rect(0.625rem, 1.25rem, 1.25rem, 0.625rem);
}
.imec.lista.listado:not(.masonry) .entrada {
  width: 100%;
}
.imec.lista .contenedor {
  min-height: 6.875rem;
  /*margin-bottom:-@40rem;*/
}
.imec.lista .contenedor h3 {
  /*height:@80rem;*/
  line-height: 1.25rem;
}
.imec.lista .fila:first-child div {
  margin: 0 0.625rem 0 0.3125rem;
}
.imec.lista .fila input.check-entrada,
.imec.lista .fila .checkbox {
  bottom: 1.375rem;
}
.imec.lista.thumbnails .fila:not(.slimScrollHead):not(:first-child) {
  width: 12.5rem;
  max-width: 12.5rem;
  margin: 1.25rem;
  /*height:@200px;*/
  padding-bottom: 5rem;
}
.imec.lista.thumbnails .fila + .imec.lista.thumbnails .fila .columna img {
  clip: rect(0.625rem, 1.25rem, 1.25rem, 0.625rem);
}
.imec.lista .columna.id {
  bottom: 1.875rem;
  max-width: 12.5rem;
  max-height: 2.25rem;
  font-size: 0.6875rem;
}
.imec.lista .entrada {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.imec.lista .entrada .contenedor h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.imec.lista .entrada input.check-entrada,
.imec.lista .entrada .checkbox {
  position: absolute;
  width: 0;
  left: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.imec.lista .entrada [type="checkbox"] + span:not(.lever):before,
.imec.lista .entrada [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  margin-top: 0!important;
}
.imec.lista .entrada .columna {
  display: none;
  flex-basis: initial;
  flex-grow: initial;
}
.imec.lista .entrada .columna.acciones,
.imec.lista .entrada .columna.id {
  display: inline-block;
  padding: 0;
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}
.imec.lista .entrada .columna.id {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.imec.lista .thumbnail {
  color: #2a5e7d;
  width: 100%;
  text-align: center;
  display: block;
  overflow: hidden;
}
.imec.lista .thumbnail.fa {
  color: #dcca6c;
}
.imec.lista .thumbnail * {
  transition: all 0.3s ease-in-out;
}
.imec.lista .thumbnail.fa:hover,
.imec.lista .thumbnail .fa:hover {
  color: #000;
}
.imec.lista .thumbnail:hover {
  cursor: pointer;
}
.imec.lista .thumbnail.activo {
  background: #bfe0f3;
}
.imec.documentos {
  margin-bottom: 2.5rem;
}
.imec.documentos .imagen {
  margin-right: 1rem;
  vertical-align: bottom;
}
.imec.documentos .texto {
  width: calc(100% - 13.8rem);
  vertical-align: middle;
}
.imec .no-resultados {
  margin: 2rem 0;
}
.imec.documentos .documento {
  width: 100%;
  display: flex;
  align-items: center;
}
.imec.documentos .documento .fechanota {
  display: none;
}
.imec.lista.listado .entrada .tarjeta {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.franja.horizontal .imec.lista.listado .entrada .tarjeta {
  display: block;
  align-items: initial;
  justify-content: initial;
}
.listado li,
.imec li {
  margin: 1.25rem 0 1.25rem 0;
}
.listado .imagen,
.imec .imagen {
  width: 12.5rem;
  height: 8.3125rem;
}
.listado .imagen .ico,
.imec .imagen .ico {
  line-height: 7.3125rem;
  font-size: 4.25rem;
}
.listado .imagen .ico:before,
.imec .imagen .ico:before {
  margin-left: -0.625rem;
}
.table {
  display: table;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
}
.paginador,
.directorio .tabla .columna.derecha {
  font-family: arial;
}
div.separador-float {
  clear: both;
}
select.paginas {
  border: none;
  border-radius: 1px;
}
select.paginas:hover {
  border: 1px solid #666666;
}
div.escenario {
  z-index: 151;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  padding: 0.625rem;
}
div.fecha-simple div.script {
  position: relative;
  display: block;
  height: 13.75rem;
}
h1 span.dentro-titular {
  font-size: 1rem;
}
ul.pestanas {
  border-bottom-color: #cccccc;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  clear: both;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: table;
  width: 100%;
  height: 3.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
ul.pestanas li {
  display: inline-block;
  text-align: center;
  color: white;
  font-weight: bold;
  width: 10%;
  vertical-align: middle;
  font-size: 0.875rem;
  height: 2.1875rem;
  min-width: 1.5625rem;
}
ul.pestanas li a,
ul.pestanas li span {
  color: white;
  font-weight: bold;
  border-right: 1px solid white;
  width: 100%;
  display: block;
  font-size: 1rem;
}
ul.pestanas li a:hover {
  color: #666666;
}
ul.pestanas li:last-child a,
ul.pestanas li:last-child span {
  border-right: none;
}
ul.pestanas li.activa,
ul.pestanas li.activa a {
  color: #F7931E;
}
li.centrar ul.pestanas {
  padding-left: 0.5rem;
}
ul.pestanas.directorio li {
  vertical-align: middle;
  width: 1.5625rem;
  font-size: 1.375rem;
}
ul.pestanas.directorio li a,
ul.pestanas.directorio li span {
  font-size: 1.125rem;
}
select.paginas {
  font-size: 1.0625rem;
}
.enmarcado ul.pestanas.directorio li {
  width: 2.5rem;
}
.enlace-buscar,
div.columna-principal .enlace-buscar {
  padding: 4px 1px 1px 1px;
  color: #204D6F;
  text-decoration: none;
}
.enlace-buscar:hover,
div.columna-principal .enlace-buscar:hover {
  text-decoration: underline;
}
input.button.glow {
  box-shadow: 0 0 16px #f5f5f5;
}
.tabla,
.tabla a {
  color: #333;
}
.seccionpar {
  background: #f9fdff;
}
.portada div.interno h4 {
  margin: 0;
}
ul.alternando {
  margin: 0.625rem 0 0 0.9375rem;
  padding: 0;
}
ul.alternando li {
  min-height: 2.1875rem;
  padding: 0.3125rem;
}
ul.alternando li a {
  width: 100%;
  display: block;
  background-image: none;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.caja-lateral.nube {
  padding: 0.625rem;
}
.contenedor-destaque-actividades,
.contenedor-destaque-actividades li.enlaces-destacados {
  padding: 0;
}
.contenedor-destaque-actividades li.enlaces-destacados {
  display: table-cell;
  vertical-align: top;
}
.contenedor-destaque-actividades li.enlaces-destacados a,
.contenedor-destaque-actividades li.enlaces-destacados span {
  display: inline-block;
  vertical-align: middle;
  max-width: 25rem;
}
.contenedor-destaque-actividades ul {
  list-style-image: none;
  list-style-type: none;
}
ul.enlaces-destacados.abajo {
  position: relative;
  padding: 0px;
}
ul.listado {
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
}
ul.listado li {
  display: block;
  position: relative;
  border-bottom: 1px solid #0c0b0c;
  margin: 1.25rem 0 1.25rem 0;
  min-height: 7.4375rem;
  padding-bottom: 1.25rem;
}
ul.listado li div.imagen {
  width: 10.25rem;
  height: auto;
}
.horizontal ul.listado li {
  display: inline-block;
  background: none;
  vertical-align: top;
  border-bottom: none;
  margin: 0;
  width: 18.75rem;
}
.horizontal ul.listado li h3 {
  font-size: 1.25rem;
}
.horizontal ul.listado li.documento {
  display: block;
  width: 100%;
  border-bottom: 1px solid #0c0b0c;
}
.portada .documentos ul.listado,
.portada div.interno ul.listado li.documento h3,
.portada div.interno ul.listado li.documento h3 a {
  text-align: left;
  color: #0c0b0c;
  background: #fff;
}
.horizontal ul.listado li.primera {
  width: 100%;
  background: none;
}
.horizontal ul.listado li.primera h3 {
  font-size: 1.875rem;
}
.horizontal ul.listado li.primera .pie h3,
.portada .listado li .pie,
.horizontal ul.listado li div.imagen div.titular {
  display: none;
}
.portada div.recuadro {
  margin: 0;
  color: #fff;
  text-align: center;
  background: #0c0b0c;
}
.actividades .horizontal ul.listado {
  margin: 0 auto 0 auto;
  background: #0c0b0c;
}
.horizontal ul.listado li {
  background: none;
}
ul.listado li > div.imagen {
  display: table-cell;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
ul.listado li > div.imagen div.titular {
  color: white;
  text-align: center;
  position: absolute;
  z-index: 3;
  /* Truco para centrar contenido verticalmente */
}
ul.listado li > div.imagen div.titular:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
ul.listado li div.texto {
  display: table-cell;
  vertical-align: top;
  width: calc(100% - 12rem);
  /* Se le resta el ancho de la imagen, los margenes y el acolchado */
  padding: 0 0.625rem 0.625rem 0.625rem;
}
ul.listado li div.imagen div.titular a,
ul.listado li div.imagen div.titular span,
ul.listado li.video div.titular a,
ul.listado li.video div.titular span {
  color: white;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
ul.listado li.documento {
  display: table;
}
ul.listado li.documento div.contenedor,
ul.listado li.documento div.derecha {
  display: table-cell;
}
ul.listado li.documento div.derecha {
  width: 19%;
  text-align: right;
}
ul.listado li.documento div.derecha .compartir,
ul.listado li.documento div.izquierda .compartir {
  font-size: 2.5rem;
}
ul.listado li .expandir {
  margin-top: -1.25rem;
  height: 1.25rem;
  font-size: 1.625rem;
  line-height: 1.25rem;
  padding-right: 11.5rem;
  left: 10.25rem;
}
ul.listado li h1 {
  padding: 0.625rem 0 0.625rem 0;
}
ul.listado li h2 {
  padding: 0.5rem 0 0.5rem 0;
}
ul.listado li h3 {
  padding: 0 0 0.375rem 0;
}
ul.listado.compacto li.documento div.derecha .compartir,
ul.listado.compacto li.documento div.izquierda .compartir {
  font-size: 1.875rem;
}
ul.listado div.fecha,
ul.listado div.ribete {
  z-index: 3;
}
ul.listado.noticias li > div.imagen {
  background: #FDB727;
}
ul.listado.noticias li div.imagen,
ul.listado.noticias li div.texto {
  display: inline-block;
  vertical-align: top;
}
ul.listado.multimedios.audio.secundaria div.imagen a.imagen {
  background: #000;
}
ul.listado.busqueda .entrada div.texto {
  padding: 0;
  display: block;
}
ul.listado.busqueda .entrada div.texto h3 {
  max-width: 80%;
}
ul.listado.eventos .entrada div.texto {
  padding: 0.625rem;
}
ul.listado h2 a,
ul.listado.evento h2 a {
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.noticias.franja.horizontal li div.texto .resumen,
.noticias.franja.horizontal li div.texto .etiquetas {
  display: none;
}
.contenedor.estatico.slider.centrar {
  white-space: nowrap;
}
.contenedor.estatico.slider.centrar .paneles .panel {
  white-space: initial;
}
.contenedor.estatico.slider.centrar .item div.texto .resumen,
.contenedor.estatico.slider.centrar .item div.texto .autores,
.contenedor.estatico.slider.centrar .item div.texto .etiquetas {
  display: none;
}
.contenedor.dinamico.slider.banners .paneles {
  display: flex;
}
.contenedor.dinamico.slider.banners .paneles .panel {
  flex: 1 0 100%;
  position: relative;
}
.listado.noticias h2 {
  margin-top: 0.3125rem;
  margin-bottom: 0.625rem;
}
.franja:not(.horizontal) ul.listado li div.imagen a.imagen,
.horizontal ul.listado li div.imagen {
  display: block;
}
.franja:not(.horizontal) ul.listado li div.imagen div.titular {
  width: 10.25rem;
  height: 5.9375rem;
  top: 6.25rem;
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
}
.franja:not(.horizontal) ul.listado li div.imagen .imagen {
  width: 10.25rem;
}
.franja:not(.horizontal) ul.listado li div.texto {
  width: 43.75rem;
  padding-left: 1.25rem;
}
.horizontal ul.listado li div.imagen,
.horizontal ul.listado li div.imagen .imagen {
  width: 100%;
  height: auto;
}
ul.imec.lista.listado li div.imagen {
  height: auto;
  overflow: hidden;
  width: 12rem;
}
ul.imec.lista.listado li div.imagen img {
  object-fit: cover;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
}
ul.imec.lista.listado li div.imagen .escenario.compartir {
  background: #5e6164;
  min-height: 12rem;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
ul.imec.lista.listado li div.imagen .marco {
  min-height: 12rem;
}
.noticias.en3 ul.imec.lista.listado li div.imagen {
  width: 100%;
}
.noticias.en3 ul.imec.lista.listado li div.imagen img {
  object-fit: cover;
  height: auto;
  position: initial;
}
.horizontal ul.listado li div.imagen button {
  background: #000;
}
.horizontal ul.listado li.primera div.imagen,
.horizontal ul.listado li.primera div.imagen .imagen {
  width: 100%;
  height: auto;
}
.horizontal ul.listado li.primera div.imagen .marco img {
  position: relative;
}
/*.horizontal ul.listado li div.contenedor .texto,
.horizontal ul.listado li div.contenedor p,*/
ul.listado li .jp-encabezado,
.horizontal ul.listado li .jp-audio {
  display: none;
}
.horizontal ul.listado li.primera .jp-audio {
  display: block;
}
.horizontal ul.listado li div.contenedor {
  display: block;
  padding: 0;
}
.portada div.interno ul.listado h3,
.horizontal ul.listado li.documento div.contenedor .enlace-buscar {
  padding: 0.375rem;
}
.horizontal ul.listado li.documento {
  padding: 1.25rem 0 1.25rem 0;
}
.contenedor_texto {
  hyphens: auto;
}
.galeria ul.listado li {
  overflow: visible;
}
.listado h2 {
  top: 0px;
  position: relative;
  color: #FDB727;
}
.listado li .expandir {
  position: absolute;
  display: block;
  top: 100%;
  width: 100%;
  text-align: right;
  color: #204D6F;
  background: #d1d1d1;
  cursor: pointer;
}
.listado li .expandir.abierto {
  color: #999;
}
.listado div.detalle {
  top: 3.125rem;
}
.listado .entrada {
  /*clear:left;
		float:left;
		&:nth-child(2n) 
		{
			clear:right;
			float:right;
		}*/
}
.listado .evento {
  max-height: none;
  margin: 0;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  margin: 0 2.5rem 2.5rem 0;
}
.listado .evento div.imagen {
  overflow: hidden;
  height: 9.375rem;
}
.listado .evento div.imagen.info:hover {
  height: 16.8125rem;
}
.listado .evento div.imagen a.categoria {
  filter: invert(1);
}
.listado .evento div.imagen .imagen,
.listado .evento div.imagen .imagen img {
  width: 100%;
  height: auto;
}
.listado .evento div.imagen.info {
  transition: height 0.1s ease-in-out;
}
.listado .evento div.texto {
  position: relative;
  background: #303030;
  height: 17.5rem;
  padding: 1.25rem;
}
.listado .evento a.enlace {
  max-width: 21.75rem;
}
.listado .evento h3 {
  margin-bottom: 0.3125rem;
}
.listado .evento h3 a {
  font-size: 1.25rem;
}
.listado .evento .encabezado a,
.listado .evento .encabezado span {
  font-weight: bold;
  color: #575756;
}
.listado .evento .contacto {
  color: #c9c9c9;
}
.listado .evento .contacto a {
  color: #c9c9c9;
}
.listado .evento .contacto .telefono {
  font-size: 1rem;
}
.listado .evento .fecha-eventos {
  width: 5rem;
  height: 5rem;
  left: 1.25rem;
  position: absolute;
  top: 0;
  display: table-cell;
  vertical-align: middle;
}
.listado .evento .fecha-eventos.hasta {
  height: 9.375rem;
}
.listado .evento .fecha-eventos.fin {
  height: 12.5rem;
}
.listado .evento div.imagen,
.listado .evento div.texto {
  width: 100%;
  display: block;
  max-height: none;
}
.evento .mas {
  font-size: 1.875rem;
}
.actividades.recientes .evento {
  margin: 0 0.625rem 1.25rem 0.625rem;
}
.actividades.recientes .evento div.contenedor {
  padding: 0;
  text-align: left;
  height: 100%;
  overflow: hidden;
}
.actividades.recientes .evento div.contenedor .imagen {
  height: 4.375rem;
}
.actividades.recientes .evento div.contenedor .imagen.info:hover {
  height: 10.0625rem;
}
.actividades.recientes .evento div.contenedor .texto {
  background: #fff;
  padding: 0.5rem;
  height: 12.5rem;
  display: block;
}
.actividades.recientes .evento div.contenedor .texto.info:hover {
  height: 10.0625rem;
}
.encabezado1 {
  font-weight: normal;
}
.detalle.evento div.contacto {
  color: #212121;
}
.actividades.recientes .evento div.contacto {
  display: none;
}
.detalle.evento div.contacto .cierre {
  font-size: 1.5rem;
}
.listado .evento div.contacto .cierre a {
  color: white;
}
.detalle.evento div.contacto .cierre a {
  font-weight: bold;
}
.listado .evento .ico {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.actividades.recientes .evento .ico,
.seccion .listado .evento .ico,
.pizarra.eventos .ico,
.timeline .contenedor .ico {
  color: #282828;
  width: 1.5625rem;
  height: 1.5625rem;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  margin: 0 0.3125rem 0.3125rem 0;
}
.listado .evento .lugar .ico:before,
.listado .evento .ico:before,
.pizarra.eventos .lugar .ico:before,
.timeline .contenedor .lugar .ico:before {
  font-family: FontAwesome;
  content: "\f041";
}
.listado .evento .detalle .ico:before,
.pizarra.eventos .detalle .ico:before,
.timeline .contenedor .detalle .ico:before {
  font-family: FontAwesome;
  content: "\f017";
}
.listado .evento .contacto .ico:before,
.pizarra.eventos .contacto .ico:before,
.timeline .contenedor .contacto .ico:before {
  font-family: FontAwesome;
  content: "\f2ba";
}
.actividades.recientes .evento .ico,
.timeline .contenedor .ico {
  margin: 0 0.125rem 0.125rem 0;
}
.fecha-noticia {
  position: absolute;
  background: #FDB727;
  text-align: center;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
  padding: 0.625rem;
}
.fecha-noticia .fecha {
  width: 3rem;
  height: 4.0625rem;
  line-height: 1.125rem;
  top: 0;
  right: 0.625rem;
}
.fecha-noticia div.fecha,
.fecha-noticia div.hora {
  position: absolute;
  background: #FDB727;
  text-align: center;
}
.fecha-noticia div.fecha span,
.fecha-noticia div.hora span {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
.titular div.fecha-noticia {
  bottom: auto;
  text-align: center;
  right: auto;
  top: 0;
  height: 1.25rem;
}
.principal div.fecha,
.noticia div.fecha {
  top: -2.5625rem;
  right: -0.625rem;
}
div.ribete {
  position: absolute;
  width: 3rem;
  height: 1.25rem;
  top: 4.0625rem;
  right: 0.625rem;
}
div.ribete span.right {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.875rem solid #FDB727;
  border-left: 1.5rem solid transparent;
}
div.ribete span.left {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0.875rem solid #FDB727;
  border-right: 1.5rem solid transparent;
}
.principal div.ribete,
.noticia div.ribete {
  top: 1.5rem;
  right: -0.625rem;
}
.noticia div.fecha,
.noticia div.ribete {
  right: -16.25rem;
}
div.fecha span {
  font-size: 1.125rem;
}
.eventos .panel,
.actividades.recientes .slider .paneles .panel {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.actividades.recientes .botones {
  cursor: pointer;
  position: absolute;
  text-align: center;
  width: 100%;
  display: none;
  height: 1.25rem;
  top: 14.0625rem;
}
.actividades.recientes .botones span,
.actividades.recientes .botones span a {
  color: #009ee2;
  padding-top: 0px;
  font-size: 0.75rem;
}
.actividades.recientes .botones span a:hover {
  text-decoration: none;
}
.actividades.recientes ul li.vacio {
  color: #009ee2;
  text-align: center;
  padding: 6%;
}
.portada .pizarra h3 {
  margin: 0 0 1.25rem 0;
  font-size: 1.375rem;
}
#marco-principal.portada .actividades.recientes .paneles .panel {
  text-align: left;
}
.panel.funciones {
  color: #fff;
  transition: right 100ms ease, top 100ms ease, width 100ms ease;
  text-align: center;
}
.panel.funciones.flotante {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 120;
  overflow-x: hidden;
  overflow-y: auto;
}
.panel.funciones.inactivo {
  right: -26.25rem;
}
.panel.funciones.flotante.activo {
  right: 0;
}
.panel.funciones .cerrar {
  color: #fff;
  background: none;
  top: 0;
  right: 0;
  font-size: 1.75rem;
}
.panel.funciones .cerrar:before {
  position: relative;
}
.panel.funciones .contenedor,
.contenedor-imagen-banner .titular .fondo,
.contenedor .fondo {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}
.panel.funciones.enmarcado .contenedor {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.panel.funciones .fondo,
.contenedor .fondo {
  background: #0c0b0c;
  opacity: 0.95;
  z-index: -1;
}
.panel.funciones .fondo.contenedor {
  z-index: -1;
}
.agenda h2,
.agenda h2 a {
  color: #204D6F;
  font-weight: bold;
}
.listado .evento h3,
.listado .evento h3 a {
  color: #fff;
  font-weight: normal;
  margin: 0;
}
.listado .evento .lugar,
.listado .evento .contacto,
.listado .evento .detalle {
  color: #fff;
}
.listado .evento .lugar,
.listado .evento .detalle {
  font-size: 1rem;
  margin: 0.3125rem 0 0.3125rem 0;
}
.actividades.recientes .evento h3,
.actividades.recientes .evento h3 a {
  color: #004c6d;
}
.actividades.recientes .evento .lugar,
.actividades.recientes .evento .contacto,
.actividades.recientes .evento .detalle {
  color: #282828;
}
.actividades.recientes .evento .lugar,
.actividades.recientes .evento .detalle {
  font-size: 0.8125rem;
  margin: 0.125rem 0 0.125rem 0;
}
.listado .evento .contacto,
.detalle.evento .contacto {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
}
.agenda div.columna-principal,
.agenda div.columna-derecha {
  background: #fff;
}
.lista {
  width: 100%;
}
.lista .entrada.evento {
  width: 25rem;
  height: 26.875rem;
}
.actividades.recientes .entrada.evento {
  width: 15rem;
  height: 16.875rem;
}
.listado .evento.estudiantiles .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 60.31746032% no-repeat;
}
.listado .evento.administracion .imagen,
.listado .evento.organizacion .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 59.52380952% no-repeat;
}
.listado .evento.arte-y-cultura .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 20.63492063% no-repeat;
}
.listado .evento.ciencias-sociales .imagen,
.listado .evento.accion-social .imagen,
.listado .evento.sedes-regionales .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 19.84126984% no-repeat;
}
.listado .evento.docencia .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 99.61538462% 39.40110323% no-repeat;
}
.listado .evento.salud .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 39.68253968% no-repeat;
}
.listado .evento.investigacion .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 40.47619048% no-repeat;
}
.listado .evento.deporte-y-recreacion .imagen,
.listado .evento.movilidad-y-transporte .imagen,
.listado .evento.medio-ambiente .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 0 no-repeat;
}
.listado .evento .imagen {
  background-color: #009ee2;
}
.seccion .evento .fecha-eventos {
  position: absolute;
  top: 0;
  display: table-cell;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  left: 1.25rem;
}
div.fecha-eventos.expande {
  width: 100%;
}
div.fecha-eventos h3 {
  /*display:table-cell;*/
  vertical-align: middle;
}
div.columna-principal div.actividades.recientes,
div.columna-principal div.fecha-eventos,
div.actividades.recientes,
div.fecha-eventos {
  position: relative;
  margin: 0;
}
div.columna-principal div.actividades.recientes {
  min-height: 2.5rem;
}
div.fecha-eventos,
div.fecha-eventos a {
  margin: 0;
  color: white;
  text-align: center;
}
div.columna-principal div.actividades.recientes span.dia-numero,
div.actividades.recientes span.dia-numero,
.fecha-eventos .dia-numero,
.fecha-eventos .dia-texto {
  font-weight: bold;
  position: relative;
}
div.columna-principal div.actividades.recientes span.dia-numero,
div.actividades.recientes span.dia-numero {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.fecha-eventos .dia-texto {
  display: table-cell;
  vertical-align: middle;
}
.fecha-eventos .dia-texto .mes,
.fecha-eventos .dia-texto .separador {
  display: block;
}
.fecha-eventos .dia-texto .mes {
  margin-top: 0.3125rem;
}
.fecha-eventos .dia-texto .separador {
  padding: 0.3125rem 0 0.3125rem 0;
}
.fecha-eventos span.dia-numero,
.fecha-eventos span.dia-texto {
  font-size: 1.375rem;
  line-height: 1.375rem;
  padding: 0.3125rem;
  width: 5rem;
  height: 5rem;
  height: 4.0625rem;
}
.fecha-eventos span.dia-texto {
  font-size: 1.875rem;
}
.fecha-eventos .dia-numero.peq,
.fecha-eventos .dia-texto.peq,
.fecha-eventos .dia-texto .mes,
.fecha-eventos .dia-texto .separador {
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.actividades.recientes .fecha-eventos span.dia-numero,
.actividades.recientes .fecha-eventos span.dia-texto {
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding: 0.125rem;
  width: 3.125rem;
  height: 3.125rem;
}
.actividades.recientes .fecha-eventos span.dia-numero,
.actividades.recientes .fecha-eventos span.dia-texto {
  height: 2.5rem;
}
.actividades.recientes .fecha-eventos .dia-numero.peq,
.actividades.recientes .fecha-eventos .dia-texto.peq,
.actividades.recientes .fecha-eventos .dia-texto .mes,
.actividades.recientes .fecha-eventos .dia-texto .separador {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
div.columna-principal div.fecha-eventos.expande {
  margin: 1.25rem 0 1.25rem 0;
}
.actividades.recientes .evento .fecha-eventos {
  width: 3.125rem;
  height: 3.125rem;
  left: 1.5625rem;
}
.actividades.recientes .evento .fecha-eventos .hasta {
  display: none;
}
.fecha-eventos .fondo {
  position: absolute;
  background: #073565;
  opacity: 0.93;
  width: 100%;
  height: 100%;
  z-index: initial;
}
div.columna-principal div.actividades.recientes span.dia-texto,
div.columna-principal div.actividades.recientes span.mes-anyo,
div.actividades.recientes span.dia-texto,
div.actividades.recientes span.mes-anyo,
div.fecha-eventos span.mes-anyo {
  /*position:absolute;
	right:0;*/
  font-weight: bold;
}
div.actividades.recientes ul.alternando {
  list-style-image: none;
  list-style-type: none;
  width: 100%;
  left: 0;
  padding: 0;
  vertical-align: top;
}
div.actividades.recientes ul.alternando li {
  margin: 0;
  display: table;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #666666;
}
div.actividades.recientes ul.alternando li:last-child {
  background: none;
}
div.actividades.recientes ul.alternando li a {
  display: block;
  color: black;
  text-decoration: none;
}
div.actividades.recientes ul.alternando li a:hover {
  text-decoration: underline;
}
div.actividades.recientes div.fecha,
div.actividades.recientes div.hora {
  display: table-cell;
  text-align: center;
  color: #009ee2;
  vertical-align: middle;
  font-weight: bold;
  background: transparent;
  position: relative;
}
div.actividades.recientes div.detalle {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  color: black;
  text-align: left;
}
div.columna-principal .entrada.destacado h3.listado,
div.columna-principal .entrada.destacado h3.listado a {
  margin-top: 0px;
}
.formulario .columna {
  position: relative;
}
.formulario .columna.izquierda a.texto {
  color: #6e6e6e;
  z-index: 10;
  top: -0.25rem;
  left: 0.625rem;
}
.formulario .columna.derecha a.texto {
  color: #6e6e6e;
  z-index: 10;
  top: -0.25rem;
  right: 0.625rem;
}
li.comentario {
  display: block;
  min-height: 3.4375rem;
  padding: 1rem 0;
  border-bottom: 1px solid #000;
}
li.comentario img.retrato {
  float: left;
  margin-right: 20px;
  width: 50px;
  height: 50px;
}
li.comentario div {
  padding-bottom: 10px;
}
li.comentario span.nombre {
  color: #ef792f;
  font-weight: bold;
  font-size: 0.875rem;
}
li.comentario span.fecha {
  font-size: 0.6875rem;
}
ul.alternando li {
  padding-left: 2%;
}
.actividades-principal .actividades {
  height: 12.1875rem;
  padding-top: 0.5rem;
}
.actividades-principal .actividades div.botones {
  margin-top: 10.9375rem;
}
.actividades-principal .actividades ul.alternando li {
  height: 2.75rem;
  overflow: hidden;
}
.actividades-principal .actividades ul.alternando li:nth-child(even) {
  background: transparent;
}
.actividades-principal .actividades ul.alternando li:nth-child(even) a,
.actividades-principal .actividades ul.alternando li:nth-child(even) div.fecha-noticia {
  color: #444444;
}
.actividades-principal .actividades ul.alternando li:nth-child(odd) {
  background: transparent;
}
.actividades-principal .actividades ul.alternando li:nth-child(odd) a,
.actividades-principal .actividades ul.alternando li:nth-child(odd) div.fecha-noticia {
  color: #666666;
}
div#multicolumnas2,
.multicolumnas2 {
  column-count: 2;
  text-align: justify;
  column-fill: balance;
  overflow: hidden;
  column-gap: 1.25rem;
  width: 68.75rem;
}
div#multicolumnas3,
.multicolumnas3 {
  column-count: 3;
  column-fill: balance;
  column-gap: 0.9375rem;
  width: 68.75rem;
}
div.foto-galeria-reportaje {
  background: black;
  border: 1px solid black;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  height: auto;
  opacity: 0;
}
.foto-galeria-spark {
  padding-top: 6.25rem;
}
.contenedor-galeria {
  margin-bottom: 1.25rem;
}
.contenedor-imagen-destacada.foto-galeria-spark,
.galeria-spark .contenedor-imagen-destacada {
  padding-top: 0;
}
.contenedor-imagen-destacada.foto-galeria-spark .pie-reportaje,
.galeria-spark .contenedor-imagen-destacada .pie-reportaje {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.contenedor-imagen-destacada.foto-galeria-spark.vacia .pie-reportaje,
.galeria-spark .contenedor-imagen-destacada.vacia .pie-reportaje {
  position: relative;
}
.contenedor-imagen-destacada.foto-galeria-spark .imagen-banner,
.galeria-spark .contenedor-imagen-destacada .imagen-banner {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  clip: rect(0, auto, auto, 0);
  position: relative;
  z-index: 1;
  perspective: calc(100vh + (100vh / 2));
}
.articulo.galeria-spark .imagen.destacado img {
  top: 3.5rem;
  max-height: calc(100vh -  3.5rem );
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transform-origin: center bottom;
}
.articulo.galeria-spark .imagen.destacado img.visible {
  transition: opacity 1s ease-in-out;
  opacity: 1;
}
.detalle .sobre,
#marco-principal.con-galeria .sobre,
#marco-principal.con-galeria .interno.arriba.con-ruta {
  z-index: 2;
  background: #fff;
  position: relative;
}
.detalle .sobre.titulares {
  z-index: 3;
  background: none;
}
#marco-principal.con-galeria #pie-pagina {
  z-index: 2;
  position: relative;
}
.foto-galeria-reportaje > a {
  overflow: hidden;
  text-align: center;
  display: block;
}
.foto-galeria-reportaje > a img {
  width: 100%;
  height: 100%;
}
.pie-reportaje {
  background: #000;
  color: #fff;
  text-align: left;
}
.pie-reportaje,
.contenedor-imagen-destacada .pie {
  padding: 0.625rem;
}
.foto:not(.vertical) .pie.marquesina,
.galeria-spark.marquesina .foto:not(.vertical) .pie {
  background: #000;
  color: #fff;
}
.contenedor-imagen-destacada .pie.marquesina,
.galeria-spark.marquesina .contenedor-imagen-destacada .pie {
  background: none;
  top: 50%;
  left: 50%;
  width: 75%;
  transform: translate(-50%, -50%);
  bottom: auto;
  color: #000;
  font-size: 1.875rem;
  padding: 1.875rem;
}
.contenedor-imagen-destacada .pie.marquesina .fondo,
.galeria-spark.marquesina .contenedor-imagen-destacada .pie .fondo {
  background: #fff;
}
.noticia .contenedor-imagen-destacada .pie {
  margin: 0;
}
img.boton:hover {
  cursor: pointer;
}
a.patron-fondo:hover {
  background: none !important;
}
/************** Destaque de noticias ***********/
.destaque.noticias {
  margin-left: auto;
  margin-right: auto;
  background: white;
}
.destaque.noticias .noticias {
  background: transparent;
}
.contenedor-contador {
  color: #eee;
  opacity: 0.6;
  display: inline-block;
}
.contenedor-contador.negro {
  color: #231f20;
}
.control {
  border: none;
  transition: scale 0.3s;
  opacity: 0.6;
}
.control:hover {
  transform: scale(1.1);
  opacity: 1;
}
.reproducir.active {
  border: none;
}
.destaque-portada {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.destaque-portada .imagen {
  line-height: 0;
}
.destaque-portada .noticias {
  display: block;
  background: black;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.destaque-portada .noticias .noticia .derecha {
  display: inline-block;
  vertical-align: top;
  background: #666666;
  color: white;
  position: relative;
  width: 17.375rem;
  height: 22.8125rem;
  overflow: hidden;
  font-size: 0.9375rem;
}
.destaque-portada .noticias .noticia .derecha div {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20.3125rem;
}
.destaque-portada .noticias .noticia .izquierda,
.destaque-portada .noticias .noticia .izquierda img {
  object-fit: cover;
}
.destaque-portada .noticias .noticia .imagen {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.destaque-portada .noticias .noticia .texto {
  padding: 1rem 1.25rem 1rem 1.25rem;
}
.destaque-portada .noticias .noticia .texto h3,
.destaque-portada .noticias .noticia .texto h3 a {
  color: #FDB727;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  margin-bottom: 0.3125rem;
}
.destaque-portada .noticias .noticia .texto .sub {
  color: white;
  font-weight: bold;
  font-size: 0.875rem;
}
.destaque-portada .noticias .panel {
  display: inline;
  position: relative;
  width: 100%;
}
.destaque-portada .noticias .panel.activo .entrada {
  border-bottom: 1px white solid;
}
.destaque-portada .noticias .panel.activo .entrada:last-child {
  border-bottom: none;
}
.destaque-portada .noticias .entrada {
  position: relative;
  padding: 0;
  display: block;
  height: 7.625rem;
  overflow: hidden;
  border-bottom: 0.125rem solid #666666;
}
.destaque-portada .noticias .entrada .texto {
  display: inline-block;
  padding: 0;
  width: 35.75rem;
  height: 7.5625rem;
  padding: 0.5rem;
  overflow: hidden;
}
.destaque-portada .noticias .entrada .imagen {
  width: 15.5rem;
  height: 7.5625rem;
  padding: 0;
  overflow: hidden;
}
.destaque-portada .noticias .entrada div.pie {
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  color: #204D6F;
  display: table;
  position: absolute;
}
.destaque-portada .noticias .entrada div.pie a {
  font-weight: bold;
  color: #204D6F;
  display: table-cell;
  font-size: 0.75rem;
  padding: 0 0.75rem 0 0.75rem;
}
.destaque-portada .noticias .entrada div.pie a span {
  color: white;
}
.destaque-portada .noticias .entrada div.pie a img {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: -2px;
}
.destaque-portada .noticias .entrada.destacado span.destaque {
  font-family: 'TruenoRg', arial;
  font-weight: bold;
  color: white;
  background: #f96c00;
  background: linear-gradient(top center, #f96c00, #ff9c30);
  position: absolute;
  font-size: 0.5625rem;
  padding: 0 0.3125rem 0 0.3125rem;
  right: 9.375rem;
}
.destaque-portada .contenedor-contador,
.destaque-portada .reproducir.active,
.destaque-portada .reproducir,
.destaque-portada .adelantar,
.destaque-portada .retroceder {
  position: absolute;
  z-index: 2;
  background: transparent;
  color: #ffffff;
  width: 1.875rem;
  height: 1.875rem;
  top: 20.625rem;
  font-size: 1.75rem;
}
.destaque-portada.principal {
  overflow: hidden;
}
.destaque-portada.principal .noticias .panel .noticia .texto .controles {
  width: 100%;
  display: inline-block;
  right: 0;
  bottom: 0;
  color: white;
  position: absolute;
  background: #141414;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-right: 1.25rem;
  padding: 0 1.25rem 0 1.25rem;
}
.destaque-portada.principal .noticias .panel .noticia .texto .contiene {
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.625rem 0 0.625rem;
}
.destaque-portada .noticias .noticia .izquierda,
.destaque-portada .noticias .noticia .izquierda img,
.destaque-portada.principal {
  height: calc(100vh -  6.75rem );
}
.destaque-portada.personalidad {
  padding: 2.5rem 0 2.5rem 0;
  margin: -2.5rem 0 -2.5rem 0;
}
.destaque-portada.personalidad .franja {
  height: 12.5rem;
}
.destaque-portada.personalidad .franja .imagen {
  width: 16.875rem;
  height: 16.875rem;
  top: -2.1875rem;
  left: 53.125rem;
}
.destaque-portada.personalidad .franja .detalle {
  left: 6.25rem;
  width: 40.625rem;
  min-height: 12.5rem;
}
.destaque-portada.desborda {
  padding: 1.25rem 0 0 0;
  margin: -2.5rem 0 -3.125rem 0;
}
.destaque-portada ul.multimedios {
  height: 16.5625rem;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  top: 22.8125rem;
}
.destaque-portada ul.multimedios li {
  margin: 0 2rem 0.5rem 2rem;
  width: 13.625rem;
  font-size: 0.9375rem;
}
.destaque-portada ul.multimedios li:first-child {
  margin-left: 0;
}
.destaque-portada ul.multimedios li:last-child {
  margin-right: 0;
}
.destaque-portada ul.multimedios li div.imagen,
.destaque-portada ul.multimedios li div.imagen a {
  width: 13.625rem;
  height: 9.1875rem;
}
.recortada.arriba .imagen img {
  max-height: 100vh;
}
.recortada.abajo .imagen img {
  max-height: 100vh;
  object-position: 0 200%;
}
/*
.listado.noticias .entrada .texto
{
	padding:@20rem 0 @30rem 0;
}*/
.destaque.noticias .noticias .panel {
  opacity: 1;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  padding: 0 1.25rem 0 1.25rem;
}
.destaque.noticias .noticias.especiales > div > .texto {
  width: 45%;
}
.destaque.noticias .noticias.especiales .secundaria {
  width: 30%;
}
.destaque.noticias .noticias.especiales .texto,
.destaque.noticias .noticias.especiales .secundaria {
  display: inline-block;
  vertical-align: top;
}
.destaque.noticias .noticias.especiales .logo {
  display: inline-block;
  width: 18.75rem;
  height: 15.9375rem;
}
.destaque.noticias .noticias.especiales .texto {
  padding: 1.25rem 0.625rem 1.875rem 0.625rem;
}
.destaque.noticias .seccion {
  padding: 2.5rem 1.25rem 2.5rem 1.25rem;
}
.destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
  background: url("svg/sprite.css-3e5c9cd2.svg") 91.35802469% 90.50691244% no-repeat;
}
.destaque.noticias .ruta {
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.destaque.noticias div.noticia {
  display: table;
}
.destaque.noticias .noticias .entrada .imagen,
.destaque.noticias .entrada .sub,
.destaque.principal .entrada .sub,
.destaque.absoluto .marco .panel .noticia .entrada,
.destaque.absoluto .marco .panel .noticia .autores,
.destaque.absoluto .marco .panel .noticia .fechanota {
  display: none;
}
.portada .titulares h1,
h1 select.titulo option {
  text-transform: uppercase;
}
.portada .titulares h1,
.portada .titulares p {
  text-align: center;
}
.portada .indice,
.contenedor-indice,
.contenedor-indice .fondo {
  min-height: 2.5rem;
}
.contenedor-indice {
  position: relative;
}
.contenedor-indice .indice,
.contenedor-indice.contenedor-indice {
  color: #fff;
  text-align: center;
}
.contenedor-indice .indice {
  width: 100%;
  padding: 0.625rem;
}
.contenedor-indice .indice ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.contenedor-indice .indice ul li {
  margin: 0 0.625rem 0 0.625rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
.contenedor-indice .indice ul li.activo a {
  text-decoration: underline;
  color: #aceaf3;
}
.contenedor-indice .fondo {
  width: 100%;
  background: #114e8f;
  z-index: -1;
  position: absolute;
  transition: 0.2s ease-in-out;
}
.contenedor-indice.fijo .fondo {
  opacity: 0.8;
}
.contenedor-indice .indice .contenedor-indice.fijo,
.enganchable.fijo,
.hijo-gancho.fijo,
.franja.horizontal h2.fijo,
.destaque.agenda h2.fijo,
.destaque .enlaces-destacados h2.fijo {
  position: fixed;
  width: 100%;
  top: 6rem;
}
.panel.funciones.enmarcado .fondo {
  opacity: 0.5;
  min-height: auto;
  max-height: 18.75rem;
}
.panel.funciones.enmarcado .cerrar {
  display: none;
}
.seccion-enganchable {
  position: relative;
}
#marco-principal.portada .contenedor-indice {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 4.75rem;
}
#marco-principal.portada .indice,
#marco-principal.portada .contenedor-indice {
  background: none;
}
#marco-principal.portada .indice {
  padding: 0.1875rem;
}
.portada .panel .texto,
.portada .panel .texto a,
.franja.horizontal .listado.multimedios ul li h3 {
  font-family: 'TruenoRg', arial;
}
body.noticias.portada {
  /*.imec.lista .entrada
	{
		border-bottom:1px solid #4d4d4d;
	}*/
}
body.noticias.portada .seccion .h2,
body.noticias.portada .seccion .h3,
body.noticias.portada .seccion .categoria,
body.noticias.portada .seccion .autores {
  color: #114e8f;
}
body.noticias.portada .seccion .categoria {
  font-weight: bold;
}
body.noticias.portada .salud,
body.noticias.portada .economia,
body.noticias.portada .sociedad {
  background: #f2f2f2;
}
body.noticias.portada .seccion.lo-ultimo .categoria {
  color: #fff;
}
body.noticias.portada .seccion.lo-ultimo .autores,
body.noticias.portada .seccion.lo-ultimo .autores a {
  color: #f2f2f2;
}
body.noticias.portada .seccion .autores,
body.noticias.portada .seccion .autores a {
  font-family: 'TruenoLt', arial;
}
body.noticias.portada .lo-ultimo h3 {
  margin: 0;
}
body.noticias.portada .lo-ultimo .entrada {
  border-bottom: 1px solid #757575;
}
body.noticias.portada .entrada:first-child .texto {
  padding-top: 0;
}
body.noticias.portada .entrada:last-child {
  border-bottom: none;
}
body.noticias.portada.especiales > div > .texto {
  border-right: 1px solid #4d4d4d;
}
.noticias .lo-ultimo,
.portada .actividades.recientes .franja h2 {
  background: #323232;
  color: #fff;
}
.portada ul.contenedor-destaques {
  margin: 0;
  padding: 0;
}
.destaque.absoluto {
  position: relative;
  overflow: hidden;
  min-height: 37.5rem;
  height: calc(100vh - 6.75rem);
}
.destaque.absoluto .marco .panel .noticia h2,
.destaque.absoluto .marco .panel .noticia h2 a,
.destaque.absoluto .marco .panel .noticia h3,
.destaque.absoluto .marco .panel .noticia h3 a {
  padding: 0;
  margin: 0;
}
.destaque.absoluto .marco .panel .noticia h2,
.destaque.absoluto .marco .panel .noticia h3 {
  text-shadow: 0 2px 3px #000000;
  font-size: 2rem;
  max-width: 43.75rem;
}
.destaque.absoluto .marco .panel .noticia .texto.destaque2 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque4 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque6 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque2 h3,
.destaque.absoluto .marco .panel .noticia .texto.destaque4 h3,
.destaque.absoluto .marco .panel .noticia .texto.destaque6 h3 {
  font-size: 1.5625rem;
}
.destaque.absoluto .marco .panel .noticia .sub {
  text-shadow: 0 1px 3px #000000;
  font-size: 1.25rem;
  max-width: 43.75rem;
}
.destaque.absoluto .marco .panel .noticia .destaque2 .sub,
.destaque.absoluto .marco .panel .noticia .destaque4 .sub,
.destaque.absoluto .marco .panel .noticia .destaque6 .sub {
  font-size: 1rem;
}
.destaque.absoluto .marco .panel h2,
.destaque.absoluto .marco .panel h3,
.destaque.absoluto .marco .panel .noticia .sub {
  color: #fff;
  position: relative;
}
.noticias .panel h2,
.destaque#marco-principal.portada .pestana h3,
.portada.noticias .panel h2 a,
.portada.noticias .especial h2 a,
.franja.horizontal .listado h2,
.franja.horizontal .listado h2 a,
.franja.horizontal .listado h3,
.franja.horizontal .listado h3 a,
.noticias .panel h3,
.destaque#marco-principal.portada .pestana h3,
.multimedios .franja.horizontal h3,
.multimedios .franja.horizontal h3 a {
  color: #114e8f;
  font-weight: bold;
}
.destaque#marco-principal.portada .pestana .texto p {
  font-weight: normal;
}
.noticias .lo-ultimo .panel h3,
.portada.noticias .lo-ultimo .panel h3 a {
  color: #f7931e;
}
.noticias .ciencia-tecnologia .panel h3,
.portada.noticias .ciencia-tecnologia .panel h3 a,
.portada.noticias .ciencia-tecnologia .especial h3 a,
.noticias .seccion.ciencia-tecnologia .autores,
.noticias .seccion.ciencia-tecnologia .autores a {
  color: #0aacb9;
}
/************** Fin destaque de noticias ***********/
span.subir {
  top: -0.9375rem;
  margin-left: 0.25rem;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.875rem solid #4D4D4D;
}
.separador-float.articulo {
  margin-bottom: 1.25rem;
}
div.noticia {
  position: relative;
}
.noticias-similares ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.noticias-similares ul li {
  vertical-align: top;
  list-style-image: none;
  list-style-type: none;
  display: inline-block;
  overflow: hidden;
  margin: 0 auto 0 auto;
}
.noticias-similares ul li .imagen,
.noticias-similares ul li .imagen img {
  overflow: hidden;
}
.noticias-similares ul li .entrada,
.noticias-similares ul li .fechanota,
.noticias-similares ul li .pre,
.noticias-similares ul li .sub {
  display: none;
}
.noticias-similares ul li:first-child {
  margin-left: 0;
}
.noticias-similares ul li:last-child {
  margin-right: 0;
}
.noticias-similares h3 {
  color: #000;
}
.listado li .imagen {
  overflow: hidden;
}
.listado li .imagen img {
  vertical-align: middle;
}
.listado li .imagen img,
div.noticias-similares ul li .imagen img {
  transition: all 0.5s ease-in-out;
}
.listado li .imagen a:hover img,
.listado li .imagen button:hover img,
.noticias-similares ul li a:hover .imagen img {
  transform: scale(1.1);
}
div.noticias-similares {
  padding: 0.625rem 0 0.625rem 0;
}
div.noticias-similares ul li {
  margin: 0 0.625rem 0 0.625rem;
  width: 19.5625rem;
}
div.noticias-similares ul li .imagen {
  height: 13.0625rem;
  width: 19.5625rem;
}
div.noticias-similares ul li .imagen img {
  width: 19.5625rem;
}
div.noticias-similares h3 {
  margin: 0.5rem 0 0.5rem 0;
}
.evento.detalle div.imagen-destacada {
  padding-top: 1.875rem;
}
.evento.detalle div.imagen-destacada,
.evento.detalle div.imagen-destacada-marco {
  margin-left: auto;
  margin-right: auto;
}
div.imagen.destacada.interna.primera .pie {
  display: none;
}
div.meta-noticias {
  position: absolute;
  bottom: 0;
  padding: 0;
  width: 100%;
}
.imprimible div.autores-categoria {
  min-height: auto;
  margin: 1.25rem 0 1.25rem 0;
  padding: 0 0.3125rem 0 0.3125rem;
}
div.noticia div.autores-categoria,
div.noticias div.autores-categoria {
  width: 100%;
  background: #d1d1d1;
}
div.contenedor-autores {
  padding: 4.375rem 0;
}
.autores-categoria {
  padding: 0 0.9375rem;
  min-height: 6.875rem;
}
.autores-categoria,
.autores-categoria a {
  color: #204D6F;
}
.autores-categoria .detalles {
  display: table;
  width: 100%;
  min-height: 6.875rem;
}
.autores-categoria .detalles .contenido {
  display: table-cell;
  vertical-align: middle;
}
.autores-categoria .foto {
  width: 14.0625rem;
  height: 6.25rem;
}
.autores-categoria .foto:empty {
  display: none;
}
.autores-categoria .foto img {
  width: 12.5rem;
  height: 12.5rem;
  position: absolute;
  top: -3.125rem;
}
.autores-categoria .detalle {
  font-weight: bold;
  color: #2d2d2d;
  margin: 0.625rem 0 0.625rem 0;
  max-width: calc(100% -  14.0625rem );
}
.autores-categoria .foto,
.autores-categoria .detalle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
div.autores-categoria,
div.autores-categoria a,
div.subtitulo div.subtitulo a {
  font-size: 0.8125rem;
}
div.meta-noticias div.iconos {
  display: inline-block;
  vertical-align: top;
}
h2.comentarios {
  display: inline-block;
}
h2.comentarios button {
  background: none;
  border: none;
  color: inherit;
}
.icono.comentarios {
  display: inline-block;
}
.comentarios {
  min-width: 1.625rem;
}
.comentarios .cantidad {
  display: table-cell;
  width: 100%;
  background: #204D6F;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  height: 1.5625rem;
  min-width: 1.5625rem;
}
div.iconos-funciones-articulo {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  transition: all 0.5s ease;
  margin: 0.625rem 0 0.625rem 0;
  min-width: 15rem;
}
div.iconos-funciones-articulo .icono {
  display: inline-block;
  vertical-align: top;
  color: #095fa3;
  text-align: center;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.1875rem;
  margin-left: 0.625rem;
  font-size: 1.4375rem;
  border: 0.125rem solid #095fa3;
}
div.iconos-funciones-articulo .icono.fa-stack-1x:hover {
  transform: scale(1);
}
div.iconos-funciones-articulo.fijo {
  min-width: auto;
  position: fixed;
  top: 30%;
}
div.iconos-funciones-articulo.fijo a.icono {
  background: #fff;
  display: block;
  margin: 0 0 0 0.625rem;
}
div.iconos-funciones-articulo .icono:hover,
div.iconos-funciones-articulo .fa-stack.fa-lg:hover {
  transform: scale(1.1);
  cursor: pointer;
}
div.iconos-funciones-articulo .icono.fa-stack-1x,
div.iconos-funciones-articulo .icono.fa-stack {
  border: none;
}
div.iconos-funciones-articulo i.icono {
  margin-left: 0;
}
div.iconos-funciones-articulo .icono.fa-stack-1x {
  font-size: 0.75rem;
  line-height: 2.875rem;
}
div.iconos-funciones-articulo .icono.fa-stack {
  margin-left: 0.25rem;
}
.funciones-compartir div.iconos-funciones-articulo .icono {
  width: 2rem;
  height: 2rem;
  line-height: 1.8125rem;
  font-size: 1.1875rem;
}
div.columna-principal div.etiquetas {
  vertical-align: top;
  color: #204D6F;
  /*background:#E6E6E6;*/
  overflow: hidden;
  margin: 0.625rem 0 1.25rem 0;
  font-size: 0.8125rem;
  padding: 0.25rem;
}
div.enlaces ul {
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  width: 100%;
}
div.enlaces ul li {
  display: table;
}
div.enlaces ul li:hover {
  cursor: pointer;
}
div.enlaces ul li > span,
div.enlaces ul li > a,
div.enlaces ul li button,
div.enlaces ul li span.menu,
div.enlaces ul li a.menu,
div.enlaces ul li button.menu {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: none;
}
div.enlaces ul li span div.imagen,
div.enlaces ul li a div.imagen {
  margin-left: auto;
  margin-right: auto;
}
div.enlaces ul li a:hover,
div.enlaces ul li button:hover {
  text-decoration: none;
}
div.enlaces ul li.caja {
  display: inline-block;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  vertical-align: top;
  height: 7.875rem;
}
div.enlaces ul li.caja span,
div.enlaces ul li.caja a {
  display: block;
  height: 7.8125rem;
}
div.enlaces.franja,
div.enlaces ul.bloque {
  padding: 0;
  min-height: 5rem;
}
div.enlaces.franja ul li.caja {
  width: 7.625rem;
  margin: 0 1.875rem 0 1.875rem;
}
div.enlaces .columna-derecha div.enlaces li span,
.columna-derecha div.enlaces li a {
  color: white;
}
.portada div.enlaces.franja.verde-claro nav.panel {
  margin: 0;
}
ul li.azul a,
ul li.celeste a,
ul li.naranja a,
ul li.naranja-claro a,
ul li.azul-claro a,
ul li.verde a,
ul li.verde-claro a,
ul li.azul span,
ul li.celeste span,
ul li.naranja span,
ul li.naranja-claro span,
ul li.azul-claro span,
ul li.verde span,
ul li.verde-claro span {
  color: 234e6e;
}
h2.enlaces-destacados.abajo {
  margin: 0;
}
h2.enlaces-destacados.abajo a,
h2.enlaces-destacados.abajo span {
  color: white;
}
ul li.amarillo a,
ul li.amarillo span {
  color: #666666;
}
ul.panel li.azul {
  color: #fff;
  font-weight: bold;
}
ul.panel li.azul > a,
ul.panel li.azul > span,
ul.panel li.azul > button {
  background: #2c4656;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 15.1875rem;
  min-height: 2.8125rem;
  border: 0.1875rem solid transparent;
}
ul.panel li.azul button {
  text-transform: uppercase;
}
ul.panel li.azul > a:hover,
ul.panel li.azul > span:hover,
ul.panel li.azul > button:hover,
ul.panel li.azul > a.focus,
ul.panel li.azul > span.focus,
ul.panel li.azul > button.focus,
ul.panel li.azul > a.activo,
ul.panel li.azul > span.activo,
ul.panel li.azul > button.activo {
  color: #2c4656;
  background: #fff;
  border: 0.1875rem solid #2c4656;
}
ul.panel li.azul .globo a:hover {
  text-decoration: underline;
}
ul.panel li.celeste {
  background: #008ec2;
}
ul.panel li.azul-claro {
  background: #656565;
}
ul.panel li.amarillo {
  background: #FFDC00;
}
ul.panel li.naranja-claro {
  background: #e58925;
}
ul.panel li.naranja {
  background: #c86019;
}
ul.panel li.verde {
  background: #628f13;
}
ul.panel li.verde-claro {
  background: #96b520;
}
ul.panel li.blanco-verde {
  background: #c0d379;
}
ul.panel li.blanco-verde-dos {
  background: #b6cb63;
}
ul.panel li.blanco-verde:hover,
ul.panel li.blanco-verde-dos:hover {
  background: #628f13;
}
ul.panel li.celeste:hover,
ul.panel li.celeste a:focus {
  background: #006186;
}
ul.panel li.azul-claro:hover,
ul.panel li.azul-claro a:focus {
  background: #207089;
}
ul.panel li.amarillo:hover,
ul.panel li.amarillo a:focus {
  background: #ffcc00;
}
ul.panel li.naranja-claro:hover,
ul.panel li.naranja-claro a:focus {
  background: #eba71c;
}
ul.panel li.naranja:hover,
ul.panel li.naranja a:focus {
  background: #b14212;
}
ul.panel li.verde:hover,
ul.panel li.verde a:focus {
  background: #4b7631;
}
ul.panel li.verde-claro:hover,
ul.panel li.verde-claro a:focus {
  background: #74922e;
}
.portada div.fechas-importantes {
  display: inline-block;
  text-align: left;
}
.portada div.fechas-importantes .fondo {
  background: white;
  border: 1px solid #E6E6E6;
}
.portada div.fechas-importantes div.columna {
  display: inline-block;
  vertical-align: middle;
}
.portada div.fechas-importantes div.columna:last-child {
  margin-right: 0;
}
.portada .enlaces dialog.panel,
.portada .enlaces > nav.panel {
  vertical-align: top;
  display: inline-block;
  width: 15.1875rem;
  margin: 0 0.5rem 1.125rem 0.5rem;
}
.panel.funciones .globo {
  box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.45);
}
.globo.comentario {
  box-shadow: none;
}
div.destaque div.titulares {
  vertical-align: top;
}
div.destaque div.imagen.destacada.interna {
  vertical-align: top;
  position: relative;
}
div.menu-accesorios {
  top: 1.4375rem;
}
div.menu-accesorios.enlaces {
  padding: 0;
  position: absolute;
  right: 0;
}
div.menu-accesorios.enlaces li {
  margin: 0;
}
ul.menu-accesorios {
  padding: 0;
  margin: 0;
}
ul.menu-accesorios li {
  display: block;
  border-bottom: 1px solid #ccc;
  background: #666;
  width: 2.875rem;
  height: 2.875rem;
}
ul.menu-accesorios li:last-child {
  border-bottom: none;
}
a.leer-mas {
  font-size: 0.75rem;
  right: 1.25rem;
  bottom: 1.25rem;
}
div.galeria a.leer-mas {
  font-size: 1.125rem;
}
a.leer-mas img {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-left: 0.3125rem;
}
.ico.audio {
  color: #ffffff;
  font-size: 1.75rem;
}
/******************* JPLAYER ***************/
.marco-multimedia.audio {
  position: relative;
  line-height: 0;
}
.marco-multimedia.audio:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, #000000 100%);
  z-index: 1;
}
.marco-multimedia.audio.vertical {
  width: 60%;
}
.marco-multimedia.audio .canvas-audio {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-75%);
  background: transparent;
  width: 100%;
  height: 10rem;
  z-index: 1;
  cursor: pointer;
}
.marco-multimedia.audio audio {
  width: 100%;
  position: relative;
  z-index: 2;
  background: #f1f3f4;
}
.marco-multimedia.audio h3 {
  bottom: 0;
  left: 0;
  width: 100%;
  background: #31a1a2;
  min-height: 5rem;
  padding: 1rem;
  margin: 0;
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1;
  line-height: normal;
}
.marco-multimedia.audio h3 a {
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
}
.jp-audio .jp-play,
.jp-video .jp-play,
.jp-audio .jp-pause,
.jp-video .jp-pause,
.jp-audio .jp-mute,
.jp-video .jp-mute,
.jp-audio .jp-unmute,
.jp-video .jp-unmute {
  background: none;
  border: none;
}
.jp-audio .jp-play:hover,
.jp-video .jp-play:hover,
.jp-audio .jp-pause:hover,
.jp-video .jp-pause:hover,
.jp-audio .jp-mute:hover,
.jp-video .jp-mute:hover,
.jp-audio .jp-unmute:hover,
.jp-video .jp-unmute:hover {
  color: #141414;
}
.jp-video.right,
.jp-audio.right {
  float: right;
  margin-left: 5%;
  z-index: 5;
}
.jp-video.left,
.jp-audio.left {
  float: left;
  margin-right: 5%;
}
.jp-video {
  background: #000;
}
.columna-principal div:not(.adjunto) > .marco-multimedia {
  margin-bottom: 5rem;
}
.jp-audio {
  position: relative;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.listado .jp-audio {
  margin: none;
}
.jp-audio object {
  opacity: 0;
}
.jp-encabezado {
  padding: 0.3125rem;
  min-height: 1.875rem;
}
.jp-encabezado h3,
.jp-encabezado h3 a,
div.columna_principal .jp-encabezado h3 a,
div.interno .jp-encabezado h3,
div.interno .jp-encabezado h3 a {
  font-weight: bold;
  color: white;
  margin: 0px;
}
.jp-audio .jp-encabezado h3,
.jp-video .jp-encabezado h3,
.jp-audio .jp-encabezado h3 a,
.jp-video .jp-encabezado h3 a,
div.columna_derecha .jp-video .jp-encabezado h3 a,
div.columna_principal .jp-audio .jp-encabezado h3 a,
div.columna_principal .jp-video .jp-encabezado h3 a {
  font-size: 0.875rem;
  margin-bottom: -0.1875rem;
}
.jp-encabezado h4,
.jp-encabezado h4 {
  font-weight: bold;
  color: #424547;
  margin: 0;
}
.jp-audio .jp-encabezado h4,
.jp-video .jp-encabezado h4 {
  font-size: 0.75rem;
}
.contenedor-controles {
  display: block;
  position: relative;
}
.contenedor-controles {
  background: #424547;
}
.jp-audio .contenedor-controles,
.jp-video .contenedor-controles {
  height: 2.75rem;
  padding: 0.3125rem;
}
.jp-audio .contenedor-controles {
  margin-top: 0.125rem;
}
.jp-controls {
  position: relative;
  display: table;
  width: 100%;
  background: #424547;
  height: 1.6875rem;
}
.jp-controls div.vol-rep {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  width: 5rem;
}
.jp-controls div.control {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  opacity: 1;
  width: 2.0625rem;
  height: 2.0625rem;
}
.jp-video .jp-controls div.vol-rep {
  width: 6.875rem;
}
.jp-controls div.progreso {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  height: 1.6875rem;
}
.jp-audio ul,
.jp-video ul {
  display: inline;
}
.jp-audio ul li,
.jp-video ul li {
  background: none;
}
.jp-audio .jp-play,
.jp-video .jp-play {
  top: 0px;
  text-align: center;
  padding: 0;
  display: block;
}
.jp-audio .jp-play,
.jp-video .jp-play,
.jp-audio .jp-pause,
.jp-video .jp-pause,
.jp-video .jp-full-screen {
  width: 2.0625rem;
  height: 2.0625rem;
  font-size: 1.75rem;
}
.jp-audio .jp-pause,
.jp-video .jp-pause {
  top: 0px;
  text-align: center;
  padding: 0;
  display: block;
}
.jp-audio .jp-mute,
.jp-video .jp-mute {
  top: 0px;
  text-align: center;
  padding: 0;
  display: block;
  left: -0.25rem;
  width: 2.0625rem;
  height: 2.0625rem;
  font-size: 1.75rem;
}
.jp-audio .jp-unmute,
.jp-video .jp-unmute {
  top: 0px;
  text-align: center;
  padding: 0;
  display: block;
  left: -0.25rem;
  width: 2.0625rem;
  height: 2.0625rem;
  font-size: 1.75rem;
}
.jp-audio .jp-stop,
.jp-video .jp-stop {
  top: 0px;
  text-align: center;
  padding: 0;
  display: none;
  right: 0px;
}
.jp-progress {
  text-align: center;
  padding: 0;
  display: block;
  width: 100%;
  position: relative;
  background: #E6E6E6;
  height: 1.125rem;
  margin-top: 0.5rem;
}
.jp-buffer-bar {
  background: #E6E6E6;
  display: block;
  width: 0;
  height: 1.125rem;
}
.jp-play-bar {
  position: absolute;
  background: #00506e;
  display: block;
  width: 0;
  top: 0;
  height: 1.125rem;
}
.jp-seek-bar {
  display: block;
  width: 100%;
  cursor: pointer;
  height: 1.125rem;
}
.jp-current-time {
  position: absolute;
  right: 0;
  color: white;
  top: -0.375rem;
  font-size: 0.625rem;
}
.jp-playlist {
  display: none;
}
.jp-audio .barra-volumen,
.jp-video .barra-volumen {
  position: absolute;
  z-index: 10;
  display: none;
  height: 1.25rem;
  width: 5rem;
  bottom: 2.1875rem;
  left: 0.9375rem;
}
.jp-volume-bar {
  position: relative;
  background: #8c8c8c;
  width: 100%;
  border: 1px solid black;
  cursor: pointer;
  height: 1.25rem;
}
.jp-volume-bar-value {
  background: #bc8a62;
  display: block;
  height: 1.125rem;
}
.jp-video {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.jp-jplayer {
  background-color: #000000;
}
.jp-jplayer .ytplayer-player {
  position: relative;
}
.jp-jplayer .error {
  color: white;
  font-size: 1rem;
  padding: 0.625rem;
}
.jp-jplayer div.error a {
  font-weight: bold;
}
.parrafo .jp-audio {
  float: left;
}
.fondo-escenario {
  overflow: hidden;
}
.jp-encabezado {
  background: #999999;
  position: relative;
  z-index: 2;
}
.jp-state-full-screen {
  width: 100%;
  height: 100%;
}
.jp-state-full-screen .contenedor-controles {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.jp-state-full-screen .fa-expand:before {
  font-family: FontAwesome;
  content: "\f066";
}
.jp-video-150p {
  width: 9.375rem;
}
.jp-video-180p {
  width: 11.25rem;
}
.jp-video-200p {
  width: 12.5rem;
}
.jp-video-400p {
  width: 25rem;
}
.jp-video-480p {
  width: 30rem;
}
.jp-video-640p {
  width: 40rem;
}
.jp-video-640 {
  width: 40rem;
}
.jp-video-900p {
  width: 56.25rem;
}
.jp-video-900 {
  width: 56.25rem;
}
/* 0,5625 * el ancho es el alto */
.jp-video-150p .jp-jplayer {
  width: 9.375rem;
  height: 5.25rem;
}
.jp-video-180p .jp-jplayer {
  width: 11.25rem;
  height: 6.3125rem;
}
.jp-video-200p .jp-jplayer {
  width: 12.5rem;
  height: 7rem;
}
.jp-video-400p .jp-jplayer {
  width: 25rem;
  height: 14.0625rem;
}
.jp-video-480p .jp-jplayer {
  width: 30rem;
  height: 16.875rem;
}
.jp-video-640 .jp-jplayer {
  width: 40rem;
  height: 30rem;
}
.jp-video-640p .jp-jplayer,
.jp-video-640p .jp-jplayer object,
.jp-video-640p .jp-jplayer video {
  width: 40rem;
  height: 22.5rem;
}
.jp-video-900 .jp-jplayer {
  width: 56.25rem;
  height: 31.8125rem;
}
.jp-video-900p .jp-jplayer,
.jp-video-900p .jp-jplayer object,
.jp-video-900p .jp-jplayer video {
  width: 56.25rem;
  height: 31.8125rem;
}
/* ************** JPLAYER **************** */
/*
.formulario .primera
{
	border-left:2px solid #666666;
}

.formulario .ultima
{
	border-right:2px solid #666666;
}*/
.formulario .columna.izquierda span.texto {
  top: 0.125rem;
  left: 1.875rem;
}
.formulario .columna.derecha span.texto {
  top: 0.125rem;
  right: 1.875rem;
}
/*
.formulario .columna.izquierda span.texto,
.formulario .columna.derecha  span.texto
{
	position:absolute;
}*/
.formulario .columna.izquierda a:hover span.texto,
.formulario .columna.derecha a:hover span.texto {
  text-decoration: underline;
}
.formulario .columna.izquierda a.boton,
.formulario .columna.derecha a.boton {
  display: block;
  width: 9.375rem;
}
.movil {
  display: none;
}
div.imagen.destacada .marco {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  display: block;
}
.imagen.right {
  float: right;
  clear: right;
}
.imagen.left {
  float: left;
  clear: left;
}
.imagen a.marco {
  line-height: 0;
}
div.interna .pie {
  display: block;
  vertical-align: middle;
  padding: 0.1em;
}
#acciones ul.enlaces {
  display: table;
}
#acciones ul.enlaces li.entrada.texto {
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
#acciones ul.enlaces li.entrada.texto .globo button,
#acciones ul.enlaces li.entrada.texto > button {
  border: none;
  background: none;
}
#acciones ul.enlaces li.entrada.texto > span,
#acciones ul.enlaces li.entrada.texto > a,
#acciones ul.enlaces li.entrada.texto > button {
  background: #fff;
  width: 2.875rem;
  height: 1.5625rem;
  font-size: 1.25rem;
  border: none;
  color: #41ADE7;
  border-right: 2px #41ade7 solid;
}
#acciones ul.enlaces li.entrada.texto > span.activo,
#acciones ul.enlaces li.entrada.texto > a.activo,
#acciones ul.enlaces li.entrada.texto > button.activo,
#acciones ul.enlaces li.entrada.texto > span:hover,
#acciones ul.enlaces li.entrada.texto > a:hover,
#acciones ul.enlaces li.entrada.texto > button:hover {
  background: #b2dcf3;
}
#acciones ul.enlaces li.entrada.texto:last-child > span,
#acciones ul.enlaces li.entrada.texto:last-child > a,
#acciones ul.enlaces li.entrada.texto:last-child > button {
  border-right: none;
}
#acciones ul.enlaces li.separador {
  background: none;
}
#acciones ul li .globo {
  position: absolute;
  z-index: 15;
  right: 0;
  background: #666666;
  display: none;
}
#acciones ul li .globo > a,
#acciones ul li .globo > span {
  display: inline;
  border: none;
  background-position: 0;
  color: black;
}
#encabezado .derecha ul.menu-iconos li .globo {
  border: 1.25rem solid #b2dcf3;
  padding: 0.625rem;
}
#encabezado .derecha ul.menu-iconos li .globo.traducciones {
  width: 25rem;
  min-height: 11.875rem;
}
#encabezado .derecha ul.menu-iconos li .globo.busqueda {
  width: 37.5rem;
}
#menu-pestana {
  margin: 0.8125rem 0 0 0;
}
#menu-pestana ul {
  padding: 0;
  top: 0px;
  position: relative;
  text-align: center;
  display: table;
}
#menu-pestana ul li {
  width: 2.875rem;
  height: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
#menu-pestana ul li .globo button,
#menu-pestana ul li > button {
  border: none;
  background: none;
}
#menu-pestana ul li > span,
#menu-pestana ul li > a,
#menu-pestana ul li > button,
#menu-pestana ul li > span img,
#menu-pestana ul li > a img,
#menu-pestana ul li > button img {
  font-size: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  width: 2.75rem;
}
#menu-pestana ul li > span.fa-calendar,
#menu-pestana ul li > a.fa-calendar,
#menu-pestana ul li > button.fa-calendar,
#menu-pestana ul li > span img.fa-calendar,
#menu-pestana ul li > a img.fa-calendar,
#menu-pestana ul li > button img.fa-calendar {
  font-size: 1.125rem;
  line-height: 1.125rem;
}
#menu-pestana ul li > span.fa-mouse-pointer,
#menu-pestana ul li > a.fa-mouse-pointer,
#menu-pestana ul li > button.fa-mouse-pointer,
#menu-pestana ul li > span img.fa-mouse-pointer,
#menu-pestana ul li > a img.fa-mouse-pointer,
#menu-pestana ul li > button img.fa-mouse-pointer {
  font-size: 1rem;
  line-height: 1rem;
}
#menu-pestana ul li > span,
#menu-pestana ul li > a,
#menu-pestana ul li > button {
  border-right: 2px white solid;
  position: absolute;
  top: 0;
  display: block;
  /*
				width:@46rem;
				height:@25rem;
				line-height:@25rem;
				font-size:@22rem;
				*/
}
#menu-pestana ul li:last-child > span,
#menu-pestana ul li:last-child > a,
#menu-pestana ul li:last-child > button {
  border-right: none;
}
.globo .dividir {
  border-bottom: 1px solid white;
}
.globo h1 {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}
.globo h2,
.globo label {
  font-size: 1.125rem;
  padding: 0.5rem;
}
#encabezado .derecha div.busqueda div.entradas input.boton {
  vertical-align: top;
  margin-top: 0;
}
.camera_thumbs_cont ul li {
  overflow: hidden;
  width: 6.25rem;
  height: 5.3125rem;
}
#compartir {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 160;
  display: none;
  background: white;
  width: 62.5rem;
  height: 43.75rem;
}
#iFrameCompartir {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  width: 100%;
  height: 100%;
}
#compartir.reproductor {
  background: #000;
  width: auto;
  height: auto;
  display: table;
}
#compartir.reproductor .cerrar,
#compartir.reproductor .cerrarFrame {
  display: none;
}
/********** PORTADA **********/
.portada .pizarra {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: visible;
  text-align: left;
  width: inherit;
  background: #323232;
  width: 100%;
}
.portada .pizarra .fondo {
  width: 100%;
}
.portada .controles-slider {
  position: absolute;
  display: block;
  background: transparent;
  color: #141414;
  right: 1rem;
  white-space: normal;
  width: 1.75rem;
  top: 3.75rem;
}
.portada .controles-slider .control {
  display: inline-block;
}
.portada .controles-slider .control.ocultar {
  display: none;
}
.portada .destaque.absoluto .marco .controles-slider {
  top: auto;
  bottom: 0;
  z-index: 100;
}
.portada .control {
  background: transparent;
  color: #141414;
  font-size: 1.75rem;
}
.portada .pizarra.eventos .panel,
.portada #slider-galeria .panel {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 25%;
  margin: 0;
  background: #323232;
}
.portada .contenedor-contador {
  margin: 0.9375rem 0 0 0.625rem;
  font-size: 1rem;
  width: 0.9375rem;
  line-height: 0.625rem;
}
.portada .imec.lista .entrada {
  border-bottom: none;
}
.columna-derecha dialog.panel {
  vertical-align: top;
  display: inline-block;
  text-align: left;
}
.columna-derecha dialog.panel .fondo {
  background: white;
  width: 100%;
  border: 1px solid #E6E6E6;
}
.columna-derecha dialog.panel h3,
.columna-derecha dialog.panel h3 a {
  color: #646567;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 4%;
}
.pizarra.eventos,
#slider-galeria {
  text-align: center;
  position: relative;
  white-space: nowrap;
}
#slider-galeria {
  overflow: hidden;
}
#slider-galeria,
#slider-galeria .paneles {
  max-height: 15.625rem;
}
#slider-galeria .imagen .ico {
  display: none;
}
.pizarra.eventos .paneles,
#slider-galeria .paneles {
  line-height: 0;
}
.pizarra.eventos .panel {
  cursor: pointer;
}
.pizarra.eventos .paneles .panel .back {
  white-space: normal;
  text-align: left;
  line-height: normal;
}
.tarjeta {
  position: relative;
}
.tarjeta .titular a,
.tarjeta .texto a.marco {
  /*h1,
		h2,
		h3,
		h4,
		h5,
		h6
		{		
				
		}*/
}
.tarjeta .titular a:after,
.tarjeta .texto a.marco:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.tarjeta .titular a:hover,
.tarjeta .texto a.marco:hover,
.tarjeta .titular a:focus,
.tarjeta .texto a.marco:focus {
  text-decoration: underline;
}
.tarjeta h1 a,
.tarjeta h2 a,
.tarjeta h3 a,
.tarjeta h4 a,
.tarjeta h5 a,
.tarjeta h6 a {
  display: inline-block;
}
.tarjeta h1 a:after,
.tarjeta h2 a:after,
.tarjeta h3 a:after,
.tarjeta h4 a:after,
.tarjeta h5 a:after,
.tarjeta h6 a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.tarjeta h1 a:hover,
.tarjeta h2 a:hover,
.tarjeta h3 a:hover,
.tarjeta h4 a:hover,
.tarjeta h5 a:hover,
.tarjeta h6 a:hover,
.tarjeta h1 a:focus,
.tarjeta h2 a:focus,
.tarjeta h3 a:focus,
.tarjeta h4 a:focus,
.tarjeta h5 a:focus,
.tarjeta h6 a:focus {
  text-decoration: underline;
}
.tarjeta .marco:hover {
  cursor: pointer;
  /*h1,
		h2,
		h3,
		h4,
		h5,
		h6
		{
			a
			{
				height:100%;
				
			}
		}
		.texto a
		{
		}*/
}
.tarjeta:focus-within {
  outline: 2px solid #80bdff;
  animation: glowing 2000ms infinite;
}
.tarjeta:focus-within svg,
.tarjeta:focus-within img {
  transform: scale(1.1);
}
.flip-container {
  perspective: 1000px;
  position: relative;
  /* flip speed goes here */
  /* flip the pane when hovered */
}
.flip-container .contenedor h3 a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.flip-container .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  background: #fff;
  background-color: #fff;
  /* hide back of pane during swap */
  /* front pane, placed above back */
}
.flip-container .flipper .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  background-color: #fff;
  transform: rotateY(180deg);
  height: 100%;
  display: table-cell;
  padding: 0.9375rem;
  font-size: 1rem;
}
.flip-container .flipper .back:hover {
  backface-visibility: visible;
}
.flip-container .flipper .front {
  z-index: 2;
  transform: rotateY(0deg);
  backface-visibility: hidden;
}
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
}
.titulos .panel {
  display: inline-block;
  color: #646567;
  margin-top: 0;
  width: 17.1875rem;
  font-size: 1.0625rem;
}
.titulos .panel a {
  font-size: 1.0625rem;
}
.portada .enlaces.abajo {
  min-height: 0;
}
.panel.botones-globos {
  margin-left: 21.125rem;
}
.texto.interno .panel.botones-globos {
  margin-left: auto;
}
.panel.seccion .enlaces.pseudo-hijo h3 {
  color: #0fa6df;
  text-transform: uppercase;
  margin: 0.25rem 0 1.25rem 0;
}
.portada .enlaces .panel {
  text-align: left;
}
.titulos .panel a,
.portada div.enlaces h2.panel a {
  color: #646567;
}
.portada .destaque-portada span.texto {
  display: none;
}
.panel ul,
.columna-derecha .panel ul {
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  position: relative;
}
.portada .enlaces.franja {
  padding: 1.25rem 0 1.25rem 0;
}
.portada .enlaces.franja dialog.panel,
.portada .enlaces.franja nav.panel {
  width: 100%;
}
.portada .enlaces.franja dialog.panel,
.portada .enlaces.franja nav.panel {
  width: 100%;
}
a.mostrar-menu,
.movil ul.menu.dinamico > li.principal {
  cursor: pointer;
}
.movil ul.menu.dinamico > li.principal ul {
  cursor: auto;
}
a.imagen.categoria {
  display: block;
}
.ocultar {
  display: none;
}
.forzar-ocultar,
.oculto {
  display: none!important;
}
.esconder {
  visibility: hidden;
}
.desvanecer {
  opacity: 0;
}
.revelar {
  opacity: 1;
}
ul.panel li.activo {
  display: none;
}
.mosaico #centro-medio .interno {
  vertical-align: top;
}
.mosaico .menu-interno li.imagen_texto {
  display: none;
}
.indice-interno {
  position: fixed;
  z-index: 2;
  top: 12.5rem;
  left: 1.25rem;
}
.indice-interno ul {
  padding: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-left: 0.25rem solid #0fa6df;
  width: 6.25rem;
}
.indice-interno ul li {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  width: 0;
  transition: width 0.25s ease-out 0;
  cursor: pointer;
  margin: 0.625rem 0.3125rem 0.625rem 0.3125rem;
  height: 1.875rem;
  margin-left: -0.0625rem;
}
.indice-interno ul li:not(.activo) {
  transition: width 0.25s ease-out 1s;
}
.indice-interno ul li:after {
  content: " ";
  visibility: visible;
  position: absolute;
  display: inline-block;
  background: #fff;
  z-index: 20;
  top: 0;
  transition: width 0.25s ease-out 1s;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.3125rem solid #0fa6df;
  left: -1.0625rem;
}
.indice-interno ul li:hover:after,
.indice-interno ul li.activo:after {
  background: #0fa6df;
}
.indice-interno ul li a {
  display: block;
  background: #0fa6df;
  overflow: hidden;
  width: 100%;
  height: 1.875rem;
  padding: 0.3125rem 0 0.3125rem 0;
}
.indice-interno ul:hover li,
.indice-interno ul li.activo {
  transition: width 0.25s ease-in 0s;
  width: 15.625rem;
}
.menu-interno ul {
  padding: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.menu-interno ul li {
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  text-align: center;
  color: white;
}
.menu-interno ul li:nth-child(8n + 1) {
  background: #0bbbef;
}
.menu-interno ul li:nth-child(8n + 2) {
  background: #f7931e;
}
.menu-interno ul li:nth-child(8n + 3) {
  background: #fbc51a;
}
.menu-interno ul li:nth-child(8n + 4) {
  background: #a2cccc;
}
.menu-interno ul li:nth-child(8n + 5) {
  background: #f7931e;
}
.menu-interno ul li:nth-child(8n + 6) {
  background: #0bbbef;
}
.menu-interno ul li:nth-child(8n + 7) {
  background: #a2cccc;
}
.menu-interno ul li:nth-child(8n + 8) {
  background: #fbc51a;
}
.menu-interno ul li a {
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.lateral .imagen,
.lateral img {
  width: 100%;
  height: auto;
}
.lateral.izquierda img {
  margin-left: -40%;
}
.lateral.derecha img {
  margin-left: 40%;
}
.portada div.margen {
  position: relative;
  width: 100%;
}
.contenedor-imagen-banner:not(.cuaderno):not(.sencillo) {
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 0;
  z-index: 5;
  overflow: hidden;
}
.contenedor-imagen-banner.fondo {
  z-index: 1;
  height: calc(100vh -  3.125rem );
}
.noticia .video-interno.destacado {
  padding-top: 2.875rem;
  min-height: calc(100vh -  3.125rem );
}
.contenedor-imagen-banner.base {
  z-index: auto;
}
.contenedor-imagen-banner .titular {
  line-height: normal;
  margin-top: 0;
}
.destaque.absoluto .marco .paneles {
  white-space: nowrap;
  background: #f2f2f2;
}
.destaque.absoluto .marco .panel {
  display: inline-block;
  position: relative;
  /*white-space:nowrap;*/
  width: 100%;
}
.destaque.absoluto .marco .panel .noticia {
  white-space: normal;
}
.destaque.absoluto .marco .panel .texto,
.texto-titular-portada {
  position: absolute;
  color: #fff;
  left: 0;
  max-width: 70%;
  z-index: 5;
  bottom: 5.625rem;
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
}
.destaque.absoluto .marco .panel .texto.destaque2:before,
.destaque.absoluto .marco .panel .texto.destaque4:before,
.destaque.absoluto .marco .panel .texto.destaque6:before {
  content: " ";
  position: absolute;
  background: #1a1a1a;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.destaque.absoluto .marco .panel .texto.destaque3,
.destaque.absoluto .marco .panel .texto.destaque4 {
  bottom: auto;
  top: 9.6875rem;
}
.destaque.absoluto .marco .panel .texto.destaque5,
.destaque.absoluto .marco .panel .texto.destaque6 {
  left: auto;
  right: 0;
}
.destaque.absoluto .marco .panel .texto.destaque7 {
  display: none;
}
.contenedor-imagen-banner img {
  width: 100%;
}
.portada .contenedor-imagen-banner img,
.portada .contenedor-imagen-destacada img {
  max-height: calc(100vh -  8.875rem );
}
.contenedor-imagen-banner img,
.contenedor-imagen-destacada img,
.destaque#marco-principal.portada .destaque.absoluto .marco .imagen.destacada.portada img,
.recortada .imagen img,
.destaque.absoluto .marco .noticia .imagen img,
.contenedor-imagen-banner video,
.contenedor-imagen-destacada video,
.destaque#marco-principal.portada .destaque.absoluto .marco .imagen.destacada.portada video,
.recortada .imagen video,
.destaque.absoluto .marco .noticia .imagen video {
  object-fit: cover;
}
.contenedor-imagen-banner img,
.contenedor-imagen-banner video,
.contenedor-imagen-banner canvas,
.portada .contenedor-efectos .contenedor-imagen-banner img,
.portada .contenedor-efectos .contenedor-imagen-banner video,
.portada .contenedor-efectos .contenedor-imagen-destacada img {
  max-height: calc(100vh -  6.75rem );
}
.recortada .imagen img,
.recortada .imagen video {
  max-height: 35.0625rem;
}
.recortada.arriba .imagen.destacada.portada .marco,
.recortada.abajo .imagen.destacada.portada .marco {
  max-height: 35.0625rem;
}
.destaque.absoluto .marco img,
.destaque.absoluto .marco .noticia .imagen video {
  height: calc(100vh -  6.75rem );
}
img.arriba {
  object-position: center top;
}
img.abajo {
  object-position: center bottom;
}
img.izquierda {
  object-position: left center;
}
img.derecha {
  object-position: right center;
}
img.arriba.izquierda {
  object-position: left top;
}
img.arriba.derecha {
  object-position: right top;
}
img.abajo.izquierda {
  object-position: left bottom;
}
img.abajo.derecha {
  object-position: right bottom;
}
.imagen-fondo-fija {
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.contenedor-imagen-banner .imagen-banner,
.contenedor-imagen-destacada .imagen-banner {
  background-size: cover;
}
#centro-medio .contenedor-imagen-destacada .imagen-banner {
  overflow: hidden;
}
.contenedor-imagen-banner canvas {
  width: 100%;
  height: 100%;
}
.noticias .contenedor-imagen-banner .imagen-banner,
.galeria .contenedor-imagen-banner .imagen-banner {
  overflow: hidden;
}
.contenedor-imagen-banner .titular,
.contenedor-imagen-destacada .pie,
.titular.simple {
  color: #fff;
  font-family: 'TruenoRg', arial;
}
.contenedor-imagen-banner .titular .texto p,
.contenedor-imagen-banner .titular .texto a {
  font-family: 'TruenoLt', arial;
}
.contenedor-imagen-banner .titular .texto.normal p,
.portada .titulares.normal p {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.25rem;
}
.noticias .contenedor-imagen-banner:not(.base) .titular,
.galeria .contenedor-imagen-banner:not(.base) .titular,
.contenedor-imagen-destacada .pie {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 5;
}
.noticias .adjunto.imagen.destacado .contenedor-imagen-banner:not(.base) .titular,
.noticias .fancy.imagen.destacado .contenedor-imagen-banner:not(.base) .titular {
  z-index: 5;
}
.noticias .contenedor-imagen-banner.vacia:not(.base) .titular,
.galeria .contenedor-imagen-banner.vacia:not(.base) .titular,
.contenedor-imagen-destacada.vacia .pie {
  position: relative;
}
.contenedor-imagen-banner .titular .fondo,
.contenedor-imagen-destacada .pie .fondo,
.titular.simple .fondo {
  background: #0c0b0c;
  opacity: 0.65;
  z-index: -1;
  position: absolute;
}
.noticias .contenedor-imagen-banner .titular .fondo,
.noticias .contenedor-imagen-banner .titular .titulos,
.galeria .contenedor-imagen-banner .titular .fondo,
.galeria .contenedor-imagen-banner .titular .titulos,
.contenedor-imagen-destacada .pie .fondo,
.contenedor-imagen-destacada .pie .titulos,
.titular.simple .fondo,
.contenedor-indice .fondo {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.noticias .contenedor-imagen-banner .titular .titulo {
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding: 1.25rem 0 1.25rem 0;
}
.noticias .contenedor-imagen-banner:not(.base) .titular,
.galeria .contenedor-imagen-banner:not(.base) .titular {
  text-align: left;
}
.video-interno,
.video.interno,
.fancy.video {
  background: #000;
  position: relative;
  color: #fff;
}
.video-interno div.interno h3,
.video.interno div.interno h3,
.fancy.video div.interno h3 {
  color: #fff;
}
.adjunto.sin-pie .pie {
  display: none;
}
.destacado.contenedor-html.fancy:after {
  content: " ";
  clear: both;
  display: block;
}
.video.interno {
  width: 100%;
}
.video-interno div.interno h3 {
  font-size: 1.25rem;
  margin: 0.625rem;
}
.video-interno.destacado div.interno h3 {
  font-size: 2.25rem;
  margin: 1.5625rem 0 1.5625rem 0;
}
.portada div.interno h2,
.portada div.interno .h2 {
  margin: 0;
}
.portada div.interno .recuadro h2,
.portada div.interno .recuadro h2 a,
.portada div.interno ul.listado h3,
.portada div.interno ul.listado h3 a,
.horizontal ul.listado .pie {
  color: #fff;
  background: #0c0b0c;
}
.noticia.reportaje .titulo h1 {
  display: none;
}
.noticia .titulo h1 {
  margin-top: 0.3125rem;
  margin-bottom: 0.625rem;
}
.contenedor-imagen-banner.mostrado .titular,
.contenedor-imagen-banner .mostrado {
  animation-name: fadeIn;
}
.contenedor-imagen-banner.oculto .titular {
  animation-name: fadeOutUp;
}
.contenedor-imagen-banner .titular h1,
.titular.simple h1 {
  color: white;
  padding: 0;
  font-weight: normal;
}
.contenedor-imagen-banner .titular h1 {
  font-size: 2.5rem;
}
.contenedor-imagen-banner .titular h1.header0 {
  font-size: 3.4375rem;
  line-height: 3.4375rem;
}
.contenedor-imagen-banner:not(.base) .titular h1,
.titular.simple h1 {
  text-transform: uppercase;
}
.contenedor-imagen-banner li {
  list-style-type: none;
}
.contenedor-imagen-banner object {
  margin: 0 auto 0 auto;
  background: white;
  width: 84.375rem;
  height: 9.9375rem;
  margin-bottom: -0.3125rem;
}
div.query {
  position: relative;
}
div.query .data {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  pointer-events: none;
}
div.query .data button {
  position: relative;
  z-index: 9999;
  opacity: 0;
  transition: 0s opacity 0s ease;
}
div.query:hover .data button {
  animation: delay-pointer-events 4s linear;
  opacity: 1;
}
div.query .spacer:hover {
  min-height: 4rem;
  background-color: #fff7f0;
}
@keyframes delay-pointer-events {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transition: opacity 1s ease;
    pointer-events: initial;
  }
  100% {
    opacity: 1;
    pointer-events: initial;
  }
}
.mensajes.error {
  color: #d13319;
}
a.cat-accion-social {
  background: #FFFFFF url('../imagenes/categorias/accion-social.svg') no-repeat;
}
a.cat-acreditacion {
  background: #FFFFFF url('../imagenes/categorias/acreditacion.svg') no-repeat;
}
a.cat-administracion {
  background: #FFFFFF url('../imagenes/categorias/administracion.svg') no-repeat;
}
a.cat-adulto-mayor {
  background: #FFFFFF url('../imagenes/categorias/adulto-mayor.svg') no-repeat;
}
a.cat-ajedrez {
  background: #FFFFFF url('../imagenes/categorias/ajedrez.svg') no-repeat;
}
a.cat-areas-academicas {
  background: #FFFFFF url('../imagenes/categorias/areas-academicas.svg') no-repeat;
}
a.cat-artes-marciales {
  background: #FFFFFF url('../imagenes/categorias/artes-marciales.svg') no-repeat;
}
a.cat-artes-plasticas {
  background: #FFFFFF url('../imagenes/categorias/artes-plasticas.svg') no-repeat;
}
a.cat-arte-y-cultura {
  background: #FFFFFF url('../imagenes/categorias/arte-y-cultura.svg') no-repeat;
}
a.cat-asuntos-administrativos {
  background: #FFFFFF url('../imagenes/categorias/asuntos-administrativos.svg') no-repeat;
}
a.cat-asuntos-internacionales {
  background: #FFFFFF url('../imagenes/categorias/asuntos-internacionales.svg') no-repeat;
}
a.cat-atletismo {
  background: #FFFFFF url('../imagenes/categorias/atletismo.svg') no-repeat;
}
a.cat-baloncesto {
  background: #FFFFFF url('../imagenes/categorias/baloncesto.svg') no-repeat;
}
a.cat-capacitacion {
  background: #FFFFFF url('../imagenes/categorias/capacitacion.svg') no-repeat;
}
a.cat-catedras {
  background: #FFFFFF url('../imagenes/categorias/catedras.svg') no-repeat;
}
a.cat-centros-e-institutos {
  background: #FFFFFF url('../imagenes/categorias/centros-e-institutos.svg') no-repeat;
}
a.cat-ciclismo {
  background: #FFFFFF url('../imagenes/categorias/ciclismo.svg') no-repeat;
}
a.cat-ciencias-agroalimentarias {
  background: #FFFFFF url('../imagenes/categorias/ciencias-agroalimentarias.svg') no-repeat;
}
a.cat-ciencias-basicas {
  background: #FFFFFF url('../imagenes/categorias/ciencias-basicas.svg') no-repeat;
}
a.cat-ciencias-sociales {
  background: #FFFFFF url('../imagenes/categorias/ciencias-sociales.svg') no-repeat;
}
a.cat-cine {
  background: #FFFFFF url('../imagenes/categorias/cine.svg') no-repeat;
}
a.cat-conare {
  background: #FFFFFF url('../imagenes/categorias/conare.svg') no-repeat;
}
a.cat-consejo-universitario {
  background: #FFFFFF url('../imagenes/categorias/consejo-universitario.svg') no-repeat;
}
a.cat-coreografia-aerobica {
  background: #FFFFFF url('../imagenes/categorias/coreografia-aerobica.svg') no-repeat;
}
a.cat-cursos {
  background: #FFFFFF url('../imagenes/categorias/cursos.svg') no-repeat;
}
a.cat-danza {
  background: #FFFFFF url('../imagenes/categorias/danza.svg') no-repeat;
}
a.cat-deporte-y-recreacion {
  background: #FFFFFF url('../imagenes/categorias/deporte-y-recreacion.svg') no-repeat;
}
a.cat-docencia {
  background: #FFFFFF url('../imagenes/categorias/docencia.svg') no-repeat;
}
a.cat-elecciones {
  background: #FFFFFF url('../imagenes/categorias/elecciones.svg') no-repeat;
}
a.cat-esgrima {
  background: #FFFFFF url('../imagenes/categorias/esgrima.svg') no-repeat;
}
a.cat-estudiantes {
  background: #FFFFFF url('../imagenes/categorias/estudiantes.svg') no-repeat;
}
a.cat-eventos-academicos {
  background: #FFFFFF url('../imagenes/categorias/eventos-academicos.svg') no-repeat;
}
a.cat-futbol {
  background: #FFFFFF url('../imagenes/categorias/futbol.svg') no-repeat;
}
a.cat-general {
  background: #FFFFFF url('../imagenes/categorias/indefinido.svg') no-repeat;
}
a.cat-ingenieria-y-arquitectura {
  background: #FFFFFF url('../imagenes/categorias/ingenieria-y-arquitectura.svg') no-repeat;
}
a.cat-investigacion {
  background: #FFFFFF url('../imagenes/categorias/investigacion.svg') no-repeat;
}
a.cat-laboratorios {
  background: #FFFFFF url('../imagenes/categorias/laboratorios.svg') no-repeat;
}
a.cat-letras {
  background: #FFFFFF url('../imagenes/categorias/letras.svg') no-repeat;
}
a.cat-montanismo {
  background: #FFFFFF url('../imagenes/categorias/montanismo.svg') no-repeat;
}
a.cat-musica {
  background: #FFFFFF url('../imagenes/categorias/musica.svg') no-repeat;
}
a.cat-natacion {
  background: #FFFFFF url('../imagenes/categorias/natacion.svg') no-repeat;
}
a.cat-programas-deportivos {
  background: #FFFFFF url('../imagenes/categorias/programas-deportivos.svg') no-repeat;
}
a.cat-organizacion {
  background: #FFFFFF url('../imagenes/categorias/organizacion.svg') no-repeat;
}
a.cat-porrismo {
  background: #FFFFFF url('../imagenes/categorias/porrismo.svg') no-repeat;
}
a.cat-premios-y-homenajes {
  background: #FFFFFF url('../imagenes/categorias/premios-y-homenajes.svg') no-repeat;
}
a.cat-programas-institucionales {
  background: #FFFFFF url('../imagenes/categorias/programas-institucionales.svg') no-repeat;
}
a.cat-pronunciamientos {
  background: #FFFFFF url('../imagenes/categorias/pronunciamientos.svg') no-repeat;
}
a.cat-publicaciones {
  background: #FFFFFF url('../imagenes/categorias/publicaciones.svg') no-repeat;
}
a.cat-recinto-de-guapiles {
  background: #FFFFFF url('../imagenes/categorias/recinto-de-guapiles.svg') no-repeat;
}
a.cat-recinto-de-liberia {
  background: #FFFFFF url('../imagenes/categorias/recinto-liberia.svg') no-repeat;
}
a.cat-recinto-de-paraiso {
  background: #FFFFFF url('../imagenes/categorias/recinto-paraiso.svg') no-repeat;
}
a.cat-recinto-de-santa-cruz {
  background: #FFFFFF url('../imagenes/categorias/recinto-santa-cruz.svg') no-repeat;
}
a.cat-recinto-de-siquirres {
  background: #FFFFFF url('../imagenes/categorias/recinto-siquirres.svg') no-repeat;
}
a.cat-recinto-de-turrialba {
  background: #FFFFFF url('../imagenes/categorias/recinto-turrialba.svg') no-repeat;
}
a.cat-recinto-de-grecia {
  background: #FFFFFF url('../imagenes/categorias/recinto-grecia.svg') no-repeat;
}
a.cat-recinto-de-golfito {
  background: #FFFFFF url('../imagenes/categorias/recinto-golfito.svg') no-repeat;
}
a.cat-discapacidad {
  background: #FFFFFF url('../imagenes/categorias/inclusividad.svg') no-repeat;
}
a.cat-rectoria {
  background: #FFFFFF url('../imagenes/categorias/rectoria.svg') no-repeat;
}
a.cat-recursos-humanos {
  background: #FFFFFF url('../imagenes/categorias/recursos-humanos.svg') no-repeat;
}
a.cat-revistas-academicas {
  background: #FFFFFF url('../imagenes/categorias/revistas-academicas.svg') no-repeat;
}
a.cat-rugby {
  background: #FFFFFF url('../imagenes/categorias/rugby.svg') no-repeat;
}
a.cat-salud {
  background: #FFFFFF url('../imagenes/categorias/salud.svg') no-repeat;
}
a.cat-sede-regional-del-caribe {
  background: #FFFFFF url('../imagenes/categorias/sede-caribe.svg') no-repeat;
}
a.cat-sede-regional-de-occidente {
  background: #FFFFFF url('../imagenes/categorias/sede-occidente.svg') no-repeat;
}
a.cat-sede-regional-del-pacifico {
  background: #FFFFFF url('../imagenes/categorias/sede-pacifico.svg') no-repeat;
}
a.cat-sede-regional-del-atlantico {
  background: #FFFFFF url('../imagenes/categorias/sede-atlantico.svg') no-repeat;
}
a.cat-sede-regional-de-guanacaste {
  background: #FFFFFF url('../imagenes/categorias/sede-guanacaste.svg') no-repeat;
}
a.cat-sedes-regionales {
  background: #FFFFFF url('../imagenes/categorias/sedes-regionales.svg') no-repeat;
}
a.cat-sede-interuniversitaria {
  background: #FFFFFF url('../imagenes/categorias/sede-interuniversitaria.svg') no-repeat;
}
a.cat-teatro {
  background: #FFFFFF url('../imagenes/categorias/teatro.svg') no-repeat;
}
a.cat-tenis {
  background: #FFFFFF url('../imagenes/categorias/tenis.svg') no-repeat;
}
a.cat-tiro-con-arco {
  background: #FFFFFF url('../imagenes/categorias/tiro-con-arco.svg') no-repeat;
}
a.cat-trabajo-comunal-universitario {
  background: #FFFFFF url('../imagenes/categorias/trabajo-comunal-universitario.svg') no-repeat;
}
a.cat-tramites {
  background: #FFFFFF url('../imagenes/categorias/tramites.svg') no-repeat;
}
a.cat-vida-estudiantil {
  background: #FFFFFF url('../imagenes/categorias/vida-estudiantil.svg') no-repeat;
}
a.cat-voleibol {
  background: #FFFFFF url('../imagenes/categorias/voleibol.svg') no-repeat;
}
a.cat-voluntariado {
  background: #FFFFFF url('../imagenes/categorias/voluntariado.svg') no-repeat;
}
a.cat-yoga {
  background: #FFFFFF url('../imagenes/categorias/yoga.svg') no-repeat;
}
.contenedor-imagen-banner li {
  top: 0;
  width: 100%;
}
/*.contenedor-imagen-banner > a,*/
.contenedor-imagen-banner .full {
  width: 100%;
}
.contenedor-imagen-banner li:first-child {
  position: relative;
  display: list-item;
  /*z-index:-1;*/
}
.contenedor-imagen-banner li > img,
.contenedor-imagen-banner > a > img,
.contenedor-imagen-banner .full > img {
  width: 100% !important;
  height: auto;
}
h1.bjqs,
h1.titulo-banner,
span.titulo-banner {
  left: 0;
  display: inline-block;
  position: absolute;
  margin: 0;
  color: white;
  /*background:rgba(11,187,239,0.7);*/
  background: #0bbbef;
  z-index: 5;
  text-align: right;
  text-transform: uppercase;
  bottom: 1.25rem;
  padding: 1.25rem;
}
span.titulo-banner {
  background: none;
  color: black;
  text-transform: none;
  font-weight: normal;
  font-size: 2.125rem;
}
p.bjqs-caption {
  display: none!important;
}
.contenedor-imagen-banner ul.bjqs-controls {
  position: absolute;
  top: 40%;
  z-index: 5;
  width: 100%;
}
.contenedor-imagen-banner ul.bjqs-controls li {
  position: absolute;
  z-index: 5;
  display: inline-block;
}
.contenedor-imagen-banner ul.bjqs-controls li,
.contenedor-imagen-banner ul.bjqs-controls li a {
  width: 7.5rem;
  height: 3.75rem;
}
.contenedor-imagen-banner ul.bjqs-controls li.bjqs-prev {
  left: 0;
}
.contenedor-imagen-banner ul.bjqs-controls li.bjqs-next {
  right: 0;
}
.bjqs-controls li a {
  opacity: 0;
  background: rgba(11, 187, 239, 0.7);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-weight: bold;
}
ul.bjqs-controls.v-centered li a {
  position: relative;
}
.bjqs-controls li a:hover {
  opacity: 1;
  transition: opacity 1s ease;
}
ol.bjqs-markers {
  display: none;
}
.recuadro {
  display: inline-block;
  vertical-align: top;
}
.recuadro h3,
div.interno .recuadro h3 {
  margin: 0;
  text-align: center;
  color: white;
  font-weight: bold;
}
.recuadro.naranja {
  border: 2px solid #f7931e;
}
.recuadro.naranja h3 {
  background: #f7931e;
}
.recuadro.celeste {
  border: 2px solid #0bbbef;
}
.recuadro.celeste h3 {
  background: #0bbbef;
}
.recuadro.celeste-claro {
  border: 2px solid #a2cccc;
}
.recuadro.celeste-claro h3 {
  background: #a2cccc;
}
.recuadro.amarillo {
  border: 2px solid #ffc12b;
}
.recuadro.amarillo h3 {
  background: #ffc12b;
}
/*
#marco-principal table
{
	border:none;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	width:99%; 
	color:black;
}

#marco-principal table th
{
	border-bottom:1px solid #666666;
	border-spacing:0px;
}*/
.menu-interno {
  margin-left: auto;
  margin-right: auto;
}
.botones-seccion {
  margin: 0 auto 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-flow: column wrap;
  position: static;
  background: white;
  align-content: stretch;
  width: 43.75rem;
  height: 18.75rem;
}
hr,
hr.divisor {
  border-top: 0.1875rem solid #666666;
  max-width: 84.375rem;
}
hr.divisor-gris {
  border-top: 0.1875rem dotted #ffffff;
}
.carreras hr {
  border-top: 0.1875rem solid #FDB727;
}
.fondo-botones {
  height: 17.25rem;
}
.boton-seccion,
.menu-interno ul li {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  margin: 0.3125rem;
}
.menu-interno ul li a.imagen {
  display: none;
}
.boton-seccion.celeste {
  border: 1px solid #0bbbef;
  background: #0bbbef;
}
.boton-seccion.naranja {
  border: 1px solid #f39200;
  background: #f39200;
}
.boton-seccion.blanco {
  background: white;
}
.boton-seccion.blanco span {
  color: #f39200;
}
.boton-seccion:hover,
.menu-interno ul li {
  text-decoration: none;
}
.boton-seccion,
.menu-interno ul li a {
  transition: background-color 600ms ease;
}
.boton-seccion span.imagen,
.menu-interno ul li {
  transition: opacity 300ms ease;
}
.boton-seccion,
.menu-interno ul li,
.menu-interno ul li a,
.boton-seccion .texto {
  width: 8rem;
  height: 8rem;
}
.boton-seccion.celeste:hover,
.boton-seccion.celeste:focus,
.boton-seccion.celeste.activo {
  background: #356f7c;
}
.boton-seccion.naranja:hover,
.boton-seccion.naranja:focus,
.boton-seccion.naranja.activo {
  background: #aa7631;
}
.boton-seccion:hover span.imagen,
.boton-seccion:focus span.imagen,
.boton-seccion.activo span.imagen {
  opacity: 0;
}
/* Alineando al centro vertical centrando texto */
.texto.interno a.boton-seccion,
.texto.interno .menu-interno ul li a {
  color: white;
}
.boton-seccion span img {
  position: absolute;
  top: 0;
  left: 0;
}
.boton-seccion .texto {
  color: white;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
}
.boton-seccion .texto.esconde {
  opacity: 0;
}
.boton-seccion .texto.esconde:hover,
.boton-seccion .texto.esconde:focus,
.boton-seccion .texto.esconde.activo {
  opacity: 1;
}
.boton-seccion .imagen + .texto {
  transform: translateY(-100%);
}
.menu-interno ul li .texto.pequeno {
  font-size: 0.875rem;
}
.menu-interno ul li:hover,
.menu-interno ul li:focus {
  opacity: 0.8;
  background: #0a4466;
}
.banner.fondo {
  position: relative;
  overflow: hidden;
  height: 23.125rem;
  margin: 1.25rem 0 1.25rem 0;
}
.banner.fondo h2 {
  position: absolute;
  left: 10%;
  bottom: 0;
  color: white;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.5);
  font-size: 2.8125rem;
}
.banner.fondo h2 a {
  color: white;
  font-size: 2.8125rem;
}
.banner.fondo img {
  position: absolute;
}
.banner.fondo,
.banner.fondo img {
  width: 100%;
}
.segmento {
  width: 100%;
  position: relative;
}
.segmento .texto {
  margin-left: 0;
  margin-right: auto;
  column-count: auto;
  max-width: 62.5rem;
  column-width: 28.125rem;
  margin-bottom: 1.875rem;
}
.segmento .texto p {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.segmento .texto p:first-child {
  margin-top: 0;
}
.segmento .texto-derecha {
  margin-left: auto;
  margin-right: 0;
  margin-top: -22.875rem;
  width: 31.25rem;
}
.segmento h2,
.segmento div.interno h2,
.segmento div.interno h2 a {
  text-transform: uppercase;
  text-align: center;
  max-width: 75%;
  margin-left: 0;
  margin-right: auto;
}
.segmento h2,
h2.segmento {
  padding: 0.875rem;
}
.segmento h2,
.segmento div.interno h2,
.segmento div.interno h2 a,
h2.segmento {
  min-height: 3.75rem;
  font-size: 2.375rem;
}
.segmento.amarillo {
  background-color: #fed851;
}
.segmento.celeste {
  background-color: #0bbbef;
  color: #fff;
}
.segmento.celeste-claro {
  background-color: #a2cccc;
}
div.interno .seccion h2 + h1,
div.interno .seccion h2 + h1 a,
div.interno .seccion h2 + h1 span {
  margin-top: 0;
}
.seccion h2,
div.interno .seccion {
  margin-bottom: 0;
}
.segmento.amarillo h2,
.segmento.amarillo h2 a,
h2.amarillo {
  background-color: #0bbbef;
}
.segmento.celeste h2,
.segmento.celeste h2 a,
h2.celeste {
  background-color: #aee0e7;
  color: #0bbbef;
}
.segmento.celeste h2,
.segmento.celeste div.interno h2,
h2.celeste {
  margin-left: auto;
  margin-right: 0;
}
.segmento.celeste-claro h2,
.segmento.celeste-claro h2 a,
h2.celeste-claro {
  background-color: #fed851;
  color: #4d4d4d;
}
.actualizado {
  display: inline-block;
  background-color: #0bbbef;
  right: 0;
  bottom: 0;
  position: absolute;
  padding: 0.3125rem;
}
ul.lista-accesos {
  list-style-image: none;
  list-style-type: none;
  text-align: center;
}
ul.lista-accesos li {
  display: inline-block;
}
.s-opcion {
  display: block;
  position: relative;
}
/***********************/
.rubberBandBig {
  animation-name: rubberBandBig;
}
.timeline {
  width: 100%;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #323232;
}
.timeline .fondo-cal {
  position: relative;
  background: #000;
  height: 3.5625rem;
}
.timeline .fondo-cal .franja {
  height: 1.5rem;
}
.timeline .calendario {
  overflow: hidden;
  height: 5rem;
  margin-top: -2.3125rem;
}
.timeline .panel {
  display: table-cell;
  text-align: left;
  overflow: visible;
  width: 13.75rem;
  height: 9.375rem;
}
.timeline .panel .front {
  color: #fff;
  background: #105f99;
}
.timeline .panel .front h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.timeline .panel .back {
  color: #000;
  background: #fff;
  text-align: left;
}
.timeline .panel .front,
.timeline .panel .back {
  width: 100%;
  text-align: center;
  font-family: 'TruenoLt', arial;
  width: 13.75rem;
  height: 9.375rem;
  padding: 0.9375rem;
  font-size: 0.875rem;
}
.timeline .panel:nth-child(odd) .front {
  background: #134e89;
}
.timeline .panel.resaltado .front {
  background: #072a49;
  border: 2px solid #fff;
}
.timeline .panel .imagen {
  float: left;
  margin-right: 0.625rem;
}
.timeline .panel img {
  height: auto;
  width: 12.5rem;
}
.timeline .panel h4,
.timeline .panel h4 a {
  font-size: 1rem;
}
.timeline .paneles {
  overflow: visible;
  background: #323232;
  cursor: pointer;
}
.timeline .paneles,
.timeline .titulares,
.timeline .calendario,
.timeline .meses {
  position: relative;
  width: auto;
  text-align: center;
  display: table;
  margin-top: -0.875rem;
}
.timeline .mes {
  display: table-cell;
  vertical-align: middle;
  height: 1.5rem;
}
.timeline .mes .dia {
  border-left: 1px solid #fff;
  background: #303030;
  vertical-align: middle;
  color: #fff;
  min-width: 1.875rem;
  padding: 0.125rem;
}
.timeline .mes .dia.resaltado {
  background: #072a49;
  color: white;
  transform: scale(1);
  position: relative;
  border: 2px solid #fff;
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  width: 2.5rem;
}
.timeline .mes .dia.destacado {
  background: #e76200;
}
.timeline .mes .texto {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  background: #000;
  color: #fff;
  height: 1.875rem;
}
.timeline .mes .texto.impar {
  background: #282828;
}
.timeline .mes .texto span {
  display: block;
  height: 1.875rem;
  line-height: 1.875rem;
}
.timeline .control.atras,
.timeline .control.delante {
  display: block;
  position: absolute;
  opacity: 0.4;
  color: #072a49;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
  top: 3.4375rem;
}
.timeline .control.atras:hover,
.timeline .control.delante:hover {
  opacity: 1;
}
.timeline .control.atras {
  left: 2%;
}
.timeline .control.delante {
  right: 2%;
}
.timeline .control:hover {
  cursor: pointer;
  color: #3a73a5;
}
.fondo .interno.arriba.con-ruta,
.fondo .interno.arriba.con-ruta .ruta,
.fondo .interno.arriba.con-ruta .ruta a,
.fondo .interno.centra h1,
.fondo .interno.centra.funciones {
  color: #fff;
  z-index: 1;
  position: relative;
}
.fondo div.iconos-funciones-articulo .icono {
  color: #fff;
  border: 0.1875rem solid #fff;
}
.fondo div.iconos-funciones-articulo.fijo .icono {
  background: none;
}
#linea-tiempo {
  position: relative;
  z-index: 2;
  margin: 0 auto 0 auto;
}
#linea-tiempo .borde {
  border-left: 0.25rem solid #fff;
}
#linea-tiempo .vineta {
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 2.5rem;
  padding-left: 3.75rem;
  height: 2.5rem;
  max-width: 18.75rem;
}
#linea-tiempo .vineta:after {
  content: " ";
  position: absolute;
  border-radius: 50%;
  background: #282828;
  left: -1.375rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 0.25rem solid #fff;
}
#linea-tiempo .vineta.en-foco:after {
  border: 0.25rem solid #f9b231;
}
#linea-tiempo .vineta-fecha {
  height: 2.5rem;
  padding-top: 2.5rem;
}
#linea-tiempo .fecha {
  transition: all 300ms ease-in;
  color: #fff;
  width: 100%;
  position: relative;
  padding: 0 0 2.5rem 0;
  margin: 0 0 0 3.75rem;
}
#linea-tiempo .fecha.seleccionando {
  opacity: 0.3;
  margin-left: 18.75rem;
}
#linea-tiempo .contenedor:first-child .vineta-fecha,
#linea-tiempo > .borde:first-child .vineta-fecha {
  padding-top: 0;
}
#linea-tiempo .retrato {
  display: inline-block;
  width: 65%;
}
#linea-tiempo .cita-lateral {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  font-size: 1.375rem;
  padding-left: 1.875rem;
}
#linea-tiempo .cita-lateral button {
  border: none;
  background: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.625rem;
}
#linea-tiempo .cita {
  color: #43c7f4;
  font-weight: bold;
  text-align: left;
}
#linea-tiempo .cita:before,
#linea-tiempo .cita:after {
  color: #43c7f4;
  left: auto;
  top: auto;
}
#linea-tiempo .cita:after {
  position: relative;
  right: auto;
  vertical-align: bottom;
  line-height: 0.6em;
}
#linea-tiempo .biografia {
  display: none;
}
#linea-tiempo .vineta a,
#linea-tiempo div.interno h2,
#linea-tiempo div.interno h3,
#marco-principal.fondo.oscuro #linea-tiempo .vineta a,
#marco-principal.fondo.oscuro #linea-tiempo div.interno h2,
#marco-principal.fondo.oscuro #linea-tiempo div.interno h3 {
  color: #fff;
}
#linea-tiempo .vineta.en-foco,
#linea-tiempo .vineta.en-foco a,
#linea-tiempo .vineta:hover,
#linea-tiempo .vineta a:hover,
#marco-principal.fondo.oscuro #linea-tiempo .vineta.en-foco,
#marco-principal.fondo.oscuro #linea-tiempo .vineta.en-foco a,
#marco-principal.fondo.oscuro #linea-tiempo .vineta:hover,
#marco-principal.fondo.oscuro #linea-tiempo .vineta a:hover {
  color: #f9b231;
}
body.imprimir #linea-tiempo .biografia {
  display: initial;
}
body.imprimir #linea-tiempo .vineta a,
body.imprimir #linea-tiempo .fecha,
body.imprimir #linea-tiempo div.interno h2,
body.imprimir #linea-tiempo div.interno h3 {
  color: #000;
}
body.imprimir .contenedor,
body.imprimir .texto.interno {
  background: none;
}
.truncado {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ol.curtains {
  list-style-image: none;
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0;
}
ul.destacado {
  display: table;
  width: 100%;
  list-style-image: none;
}
ul.destacado.vinetas li {
  list-style-type: none;
  border-bottom-color: #dddddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-color: #dddddd;
  border-right-style: solid;
  border-right-width: 1px;
  min-height: 2em;
  vertical-align: middle;
}
ul.destacado.vinetas li:before {
  content: "›";
  background: #426e8e;
  margin-left: -25px;
  width: 25px;
  color: white;
  height: 100%;
  display: table-cell;
  padding: 8px;
  text-align: center;
  font-weight: bold;
}
ul.destacado.vinetas li:first-child {
  border-top-right-radius: 7px;
  border-top-color: #dddddd;
  border-top-style: solid;
  border-top-width: 1px;
}
ul.destacado.vinetas:last-child {
  border-bottom-right-radius: 7px;
}
ul.destacado.vinetas:nth-child(odd) {
  background-color: #fafaf7;
}
ul.destacado.vinetas:nth-child(even) {
  background-color: #ffffff;
}
ul.destacado li ul li {
  border-right-style: none;
  min-height: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.destacado li ul li:first-child {
  border-radius: 0px;
  border-top-style: none;
  border-right-style: none;
}
ul.destacado li ul li:last-child {
  border-radius: 0px;
  border-bottom-style: none;
  border-right-style: none;
}
ul.destacado li ul li:nth-child(odd) {
  background-color: inherit;
}
ul.destacado li ul li:nth-child(even) {
  background-color: inherit;
}
ul.destacado ul {
  list-style-image: none;
  background: none;
}
ul.destacado li h1,
ul.destacado li h2,
ul.destacado li h3,
ul.destacado li .texto {
  /*display:table-cell;
	padding-left:25px;*/
  margin: 20px 10px 20px 10px;
}
.texto-interno .mosaico {
  display: inline-block;
  margin: 1%;
}
/*
.contenedor-table
{
	overflow-x:auto;
}*/
#banner-buscador {
  position: relative;
  height: 18.75rem;
  max-height: 18.75rem;
}
#banner-buscador img {
  object-fit: cover;
  max-height: 18.75rem;
}
#banner-buscador.grande,
#banner-buscador.grande img {
  max-height: none;
  height: calc(100vh -  6.75rem );
}
body.imprimir .panel.funciones .fondo,
body.imprimir .contenedor .fondo {
  background: none;
  opacity: 1;
}
.titular.simple {
  position: relative;
}
.contenedor-imagen-banner .titular,
.titular.simple {
  text-align: center;
  padding: 1.25rem;
}
.contenedor-imagen-banner .titular .fondo {
  z-index: -1;
}
.panel.funciones.enmarcado,
.contenedor-imagen-banner .principal .titular {
  position: absolute;
  z-index: 7;
  overflow: visible;
  width: 100%;
  max-width: 100vw;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.contenedor-imagen-banner.prescindirfondo .fondo,
.contenedor-imagen-banner.sencillo .fondo {
  display: none;
}
.contenedor-imagen-banner.prescindirfondo .imagen-banner.banners .fondo,
.contenedor-imagen-banner.sencillo .imagen-banner.banners .fondo {
  display: block;
}
.panel.funciones.enmarcado,
.panel.funciones.enmarcado .fondo {
  height: 18.75rem;
}
.contenedor-imagen-banner .titular .texto p,
.portada .titulares p {
  font-size: 1.625rem;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.noticias .contenedor-imagen-banner:not(.base) .titular,
.galeria .contenedor-imagen-banner:not(.base) .titular {
  top: auto;
  left: auto;
  transform: none;
}
.contenedor-imagen-banner .titular.full {
  height: 100%;
}
.contenedor-imagen-banner .titular.full .texto {
  text-align: left;
}
#marco-principal.portada #banner-buscador {
  position: absolute;
  width: 100%;
}
.contenedor-imagen-banner .titular .titulo,
.contenedor-imagen-banner .titular .texto,
.contenedor-imagen-banner .texto a {
  color: #fff;
}
.panel.funciones header,
.panel.funciones header select {
  color: #fff;
  margin-bottom: 0;
  height: auto;
  letter-spacing: normal;
  font-size: 2.25rem;
}
.panel.funciones h2 {
  font-size: 2rem;
}
.panel.funciones.enmarcado header {
  margin: 2.5rem auto 0.625rem auto;
}
.panel.funciones header select option {
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .panel.funciones header select option {
    font-size: 2.25rem;
  }
}
.panel.funciones .header1,
.panel.funciones header,
.panel.funciones .header2 {
  color: white;
}
.panel.funciones .filtros {
  padding: 0;
  text-align: left;
  position: relative;
  width: 21.875rem;
  margin: 1.25rem;
}
.panel.funciones.enmarcado .filtros {
  margin: 0;
  width: 33.75rem;
  margin: 1.25rem auto 1.25rem auto;
  border-top: 0.25rem solid rgba(255, 255, 255, 0.35);
}
.panel.funciones.enmarcado .filtros .fechas {
  display: inline-flex;
}
.filtros select:not(.mdl),
.panel.funciones .filtros .chosen-container-single .chosen-single {
  height: 1.75rem;
  margin: 0.25rem 0 0.25rem 0;
}
.filtros :not(.mdl).input[type="text"],
.filtros :not(.mdl).input[type="date*"],
.filtros :not(.mdl).input[type="month"],
.filtros :not(.mdl).input[type="time"],
.filtros :not(.mdl).input[type="week"],
.filtros :not(.mdl).input[type="email"],
.filtros :not(.mdl).input[type="tel"],
.filtros :not(.mdl).input[type="range"],
.filtros :not(.mdl).input[type="number"],
.filtros :not(.mdl).input[type="url"] {
  height: 1.75rem;
  margin: 0.25rem 0 0.25rem 0;
}
.panel.funciones fieldset {
  width: 100%;
  text-align: left;
  max-width: 31.25rem;
  margin: 1.25rem auto 1.25rem auto;
}
.panel.funciones fieldset.centrado {
  text-align: center;
}
.panel.funciones label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3125rem 0 0.3125rem;
  line-height: 1.0625rem;
}
.panel.funciones #detalles-ubicacion label {
  line-height: 1.5rem;
}
.panel.funciones .filtros > button,
.panel.funciones .filtros .fechas > button {
  color: #fff;
  background: none;
  border: none;
  font-size: 1.25rem;
  line-height: 1.25rem;
  height: 2.375rem;
}
.panel.funciones.enmarcado .filtros > button,
.panel.funciones.enmarcado .filtros .fechas > button {
  width: 4.375rem;
}
.panel.funciones button.en-globo {
  text-align: left;
}
.panel.funciones #entrada-busqueda,
.panel.funciones select,
.panel.funciones .chosen-container-single .chosen-single {
  border: none;
  transition: background 0.4s ease, color 0.4s ease;
}
.panel.funciones #entrada-busqueda,
.panel.funciones label.fondo-buscar,
.panel.funciones .filtros select,
.panel.funciones .filtros .chosen-container-single .chosen-single,
.boton-destacado {
  font-size: 1.25rem;
  line-height: 2.375rem;
  width: 15.625rem;
  height: 2.375rem;
}
.panel.funciones label.fondo-buscar,
.panel.funciones #entrada-busqueda {
  width: 19.375rem;
  height: 2.375rem;
  padding: 0.25rem;
}
.panel.funciones.enmarcado label.fondo-buscar.corta,
.panel.funciones.enmarcado #entrada-busqueda.corta {
  width: 9.375rem;
}
.panel.funciones #entrada-busqueda:hover,
.panel.funciones #entrada-busqueda.focus,
.panel.funciones #boton-buscar:hover,
.panel.funciones #boton-buscar.focus {
  background: #fff;
  opacity: 1;
  color: #000;
}
.panel.funciones #entrada-busqueda,
.panel.funciones #boton-buscar {
  position: relative;
  background: none;
  color: #fff;
}
.panel.funciones label.fondo-buscar {
  display: block;
  position: absolute;
  color: transparent;
  top: 0;
  left: 0;
  opacity: 0.35;
  background: #fff;
  margin: 0;
}
.panel.funciones #boton-buscar,
.chosen-container-single .chosen-single div {
  width: 2.5rem;
}
#globo-busqueda .info {
  text-align: left;
}
#globo-busqueda .info h3 {
  color: #fff;
  background: #696969;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
#globo-accesibilidad fieldset {
  text-align: center;
}
#globo-accesibilidad fieldset button {
  min-width: 14.375rem;
}
#globo-accesibilidad fieldset button#activate-speech {
  margin-top: 0.9375rem;
}
#globo-accesibilidad fieldset select#voice {
  margin-bottom: 0.9375rem;
  height: 1.75rem;
  max-width: 14.375rem;
}
#globo-accesibilidad.panel.funciones label {
  width: 6.25rem;
}
#globo-accesibilidad.panel.funciones label[for="voice"] {
  display: block;
  width: auto;
}
#entrada-busqueda::-ms-placeholder {
  color: #fff;
  opacity: 1;
}
#entrada-busqueda::placeholder {
  color: #fff;
  opacity: 1;
}
#marco-principal.portada #entrada-busqueda::placeholder {
  color: #888;
}
#entrada-busqueda:hover::placeholder,
#entrada-busqueda.focus::placeholder {
  color: #000;
}
.panel.funciones label.fondo-buscar.ocultar,
#entrada-busqueda.ocultar,
#boton-buscar.ocultar {
  display: none;
}
.panel.funciones #boton-buscar:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background: #fff;
}
input.buscarvivo {
  width: 100%;
  line-height: 2rem;
  padding: 0 0.8rem;
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBpZD0iaWNvbi1ib3VuZCIgZmlsbD0ibm9uZSIgLz4KICA8cGF0aCBkPSJNMTUuNzA4LDEzLjU4N2wtMy42NzUtMy42NzVDMTIuNjQ2LDguOTIsMTMsNy43NTEsMTMsNi41QzEzLDIuOTEsMTAuMDksMCw2LjUsMFMwLDIuOTEsMCw2LjVTMi45MSwxMyw2LjUsMTMgYzEuMjUxLDAsMi40Mi0wLjM1NCwzLjQxMi0wLjk2N2wzLjY3NSwzLjY3NWMwLjM4OSwwLjM4OSwxLjAyNSwwLjM4OSwxLjQxNCwwbDAuNzA3LTAuNzA3IEMxNi4wOTcsMTQuNjEyLDE2LjA5NywxMy45NzYsMTUuNzA4LDEzLjU4N3ogTTMuMzE4LDkuNjgyQzIuNDY4LDguODMyLDIsNy43MDIsMiw2LjVzMC40NjgtMi4zMzIsMS4zMTgtMy4xODJTNS4yOTgsMiw2LjUsMiBzMi4zMzIsMC40NjgsMy4xODIsMS4zMThDMTAuNTMyLDQuMTY4LDExLDUuMjk4LDExLDYuNXMtMC40NjgsMi4zMzItMS4zMTgsMy4xODJDOC44MzIsMTAuNTMyLDcuNzAyLDExLDYuNSwxMSBTNC4xNjgsMTAuNTMyLDMuMzE4LDkuNjgyeiIgLz4KPC9zdmc+Cg==") no-repeat 99% center;
}
.panel.funciones .filtros select {
  display: block;
}
.panel.funciones.enmarcado .filtros > select {
  width: 11.875rem;
}
.panel.funciones.enmarcado .filtros > select,
.panel.funciones a.texto {
  display: inline-block;
}
.panel.funciones a.texto {
  vertical-align: top;
  padding: 0.5rem 0 0 0.625rem;
}
.panel.funciones #entrada-busqueda,
.panel.funciones .filtros > select,
.panel.funciones .filtros > button,
.panel.funciones .filtros .fechas > button {
  margin-top: 0;
}
.panel.funciones .filtros > select,
.panel.funciones .filtros > button,
.panel.funciones .filtros .fechas > button {
  font-weight: bold;
}
.panel.funciones .filtros > select,
.panel.funciones .filtros select.sede,
.panel.funciones .filtros .chosen-container-single .chosen-single {
  width: 21.875rem;
}
.panel.funciones.enmarcado label.fondo-buscar,
.panel.funciones.enmarcado #entrada-busqueda {
  width: 31.25rem;
}
.panel.funciones .opciones .entrada {
  width: 100%;
  padding: 0.3125rem;
}
.panel.funciones.flotante .opciones .entrada {
  border-bottom: 1px solid #fff;
  border-right: none;
}
.panel.funciones.enmarcado .opciones .entrada:not(:last-child) {
  display: inline-block;
  width: 32%;
  border-bottom: none;
  border-right: 1px solid #fff;
  transition: initial;
}
#banner-buscador .globo {
  display: block;
  position: relative;
  left: 50%;
  background: #fff;
  transition: display 0.4s ease;
}
#globo-busqueda.flotante .globo {
  top: 0;
  left: 0;
}
#globo-busqueda.flotante .filtros button.abre-globo {
  display: block;
}
#banner-buscador .enmarcado .globo {
  position: absolute;
  z-index: 5;
}
#globo-busqueda .globo.inactivo {
  display: none;
}
select.titulo {
  border: none;
  border-radius: 1px;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
select.titulo option {
  background: #282828;
}
select.titulo:hover,
select.titulo.focus,
#contenidos select.paginas:hover,
#contenidos select.paginas.focus,
.panel.funciones header select:hover,
.panel.funciones header select.focus {
  border: 1px solid #666666;
  background: #fff;
  color: #000;
}
select.titulo:hover option,
select.titulo.focus option,
.panel.funciones header select:hover option,
.panel.funciones header select.focus option {
  color: #fff;
}
.count.header1 {
  font-weight: bold;
  font-family: 'TruenoBd', arial;
}
.redondeado {
  border-radius: 50%;
}
.scrollmagic-pin-spacer {
  padding: 0!important;
}
/***********************************/
/* Alto Contraste oscuro */
body.alto-contraste {
  background: #000;
  font-family: 'Trueno', arial;
}
body.alto-contraste #marco-principal *:not(.svg):not(.flotante) {
  background: #000;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
}
body.alto-contraste #marco-principal *[style] {
  background: #000 !important;
  color: #fff !important;
}
body.alto-contraste button {
  border: 1px solid #fff;
}
body.alto-contraste a {
  color: #fcff3c !important;
}
body.alto-contraste #pie-pagina .menu h2 span {
  color: #fff;
}
body.alto-contraste .panel.funciones {
  border: 1px solid #fff;
}
body.alto-contraste input {
  color: #fff !important;
}
body.alto-contraste .panel.funciones.enmarcado {
  border: none;
}
body.alto-contraste .indice-interno ul li {
  border: 1px solid #fff !important;
}
/* Alto Contraste claro */
body.alto-contraste.claro {
  background: #fff;
}
body.alto-contraste.claro #marco-principal *:not(.svg):not(.flotante),
body.alto-contraste.claro .destaque.absoluto .marco .panel .texto.destaque2:before {
  background: #fff;
  color: #000;
  text-shadow: none;
  box-shadow: none;
}
body.alto-contraste.claro #marco-principal *[style] {
  background: #fff !important;
  color: #000 !important;
}
body.alto-contraste.claro #marco-principal .blanco .svg img {
  background: #000 !important;
}
body.alto-contraste.claro input {
  color: #000 !important;
}
body.alto-contraste.claro button,
body.alto-contraste.claro select,
body.alto-contraste.claro input {
  border: 1px solid #000;
}
body.alto-contraste.claro a {
  color: #154daa !important;
}
body.alto-contraste.claro #marco-principal a#firma-ucr img,
body.alto-contraste.claro.desplazado #marco-principal a#firma-ucr img {
  background: #fff !important;
  margin-left: 0;
}
body.alto-contraste.claro #pie-pagina .menu h2 span {
  color: #000;
}
body.alto-contraste.claro .panel.funciones {
  border: 1px solid #000;
}
body.alto-contraste.claro .panel.funciones.enmarcado {
  border: none!important;
}
body.alto-contraste.claro .indice-interno ul li {
  border: 1px solid #000 !important;
}
body.alto-contraste #marco-principal .indice-interno,
body.alto-contraste #marco-principal .indice-interno nav,
body.alto-contraste #marco-principal .indice-interno ul,
body.alto-contraste.claro #marco-principal .indice-interno,
body.alto-contraste.claro #marco-principal .indice-interno nav,
body.alto-contraste.claro #marco-principal .indice-interno ul {
  background: transparent!important;
}
/* Grises */
body.grises {
  filter: grayscale(1);
}
#frente-tooltip {
  color: #fff;
  padding: 5px;
}
@keyframes shrink {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  20% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  35% {
    transform: scale(0);
    opacity: 0;
  }
  36% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}
#centro-medio.expo-ucr .destaque .texto.uinterno {
  display: none;
}
#centro-medio.expo-ucr .franja.horizontal .paneles.multimedios {
  width: 100%;
}
#centro-medio.expo-ucr .franja.horizontal .paneles.multimedios ul li {
  width: 25%;
}
#centro-medio.expo-ucr ul.listado.noticias {
  margin-top: 3.75rem;
}
.contenedor-imagen-banner.sencillo {
  margin: 0;
  padding: 0;
}
@layer componentes {
  .cuaderno {
    margin: 0;
    padding: 0;
  }
  .cuaderno.contenedor-imagen-banner .principal .titular {
    position: relative;
    z-index: 0;
    overflow: visible;
    top: auto;
    left: auto;
    transform: none;
  }
  .cuaderno.contenedor-imagen-banner .principal .titular .texto {
    position: relative;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    color: #000;
    margin: 0;
  }
  .cuaderno.contenedor-imagen-banner .principal .titular .texto .detalle {
    text-align: left;
  }
  .cuaderno.contenedor-imagen-banner .principal .titular .fondo {
    display: none;
  }
  .cuaderno.contenedor-imagen-banner li {
    background: #f2f2f2;
    min-height: calc(100vw / 3);
  }
  .cuaderno.contenedor-imagen-banner li h1,
  .cuaderno.contenedor-imagen-banner li h2,
  .cuaderno.contenedor-imagen-banner li h3,
  .cuaderno.contenedor-imagen-banner li h4,
  .cuaderno.contenedor-imagen-banner li h5,
  .cuaderno.contenedor-imagen-banner li h6 {
    margin-top: 0;
    padding-top: 0;
  }
  .cuaderno.contenedor-imagen-banner li .imagen,
  .cuaderno.contenedor-imagen-banner li .titular {
    width: 50%;
  }
  .cuaderno.contenedor-imagen-banner li .imagen img {
    max-height: none;
    height: 100%;
  }
  .cuaderno.contenedor-imagen-banner li,
  .cuaderno.contenedor-imagen-banner li:first-child {
    display: flex;
  }
  .cuaderno.textoimagen.contenedor-imagen-banner li {
    flex-direction: row-reverse;
  }
  .cuaderno.sencillo {
    margin: 0;
    position: relative;
    padding: 4rem;
  }
  .cuaderno.sencillo li {
    text-align: center;
  }
  a.boton,
  .texto.interno a.boton {
    margin: 2rem;
    display: inline-block;
    background: #114e8f;
    padding: 0.7rem 1rem;
    color: #fff;
  }
  a.boton:first-of-type,
  .texto.interno a.boton:first-of-type {
    margin-left: 0;
  }
  a.boton:last-of-type,
  .texto.interno a.boton:last-of-type {
    margin-right: 0;
  }
  .contenedor-imagen-banner.sencillo .titular .fondo {
    display: none;
  }
  .texto.interno .cuaderno a {
    color: #fff;
  }
  .texto.interno .cuaderno li h1,
  .texto.interno .cuaderno li h2,
  .texto.interno .cuaderno li h3,
  .texto.interno .cuaderno li h4,
  .texto.interno .cuaderno li h5,
  .texto.interno .cuaderno li h6 {
    margin-top: 0;
    padding-top: 0;
  }
  .cuaderno.contenedor-imagen-banner li:first-child {
    z-index: initial;
  }
  .cuaderno.contenedor-imagen-banner .titular .texto p {
    font-size: 1.0625rem;
  }
}
.franja.copyright {
  min-height: 4rem;
  width: 100%;
  padding: 1.3rem;
}
.franja.copyright .bloque .entrada {
  color: #fff;
}
.franja.copyright .bloque .entrada a {
  font-weight: bold;
}
.franja.copyright.negro {
  background: #000;
}
.error-card {
  margin: 2rem 0;
  font-size: 1.5rem;
}
.error-card .fa,
.error-card .codigo {
  color: #ffc107;
}
.error-card .codigo {
  font-size: 3rem;
  display: none;
}
.acordion.tabs {
  overflow: hidden;
  padding: 0;
}
.acordion.tabs h2 {
  margin: 0 0 0.5em;
  font-weight: normal;
  padding: 0 1em 1em;
}
.acordion.tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.acordion.tabs .tab {
  width: 100%;
  box-sizing: initial;
}
.acordion.tabs .tab-label {
  display: block;
  padding: 1rem;
  cursor: pointer;
  padding-left: 3rem;
  position: relative;
}
.acordion.tabs .tab-label:hover {
  color: #114e8f;
}
.acordion.tabs .tab-label:after {
  content: "❯";
  width: 1rem;
  height: 1rem;
  text-align: center;
  transition: all 0.35s;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
.acordion.tabs .tab-content {
  max-height: 0;
  padding: 0 1rem;
  background: white;
  transition: all 1.35s ease-in-out 400ms;
  display: none;
}
.acordion.tabs .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  background: #2c3e50;
  cursor: pointer;
}
.acordion.tabs input:checked + .tab-label:after {
  transform: rotate(90deg);
  transform-origin: bottom;
}
.acordion.tabs input:checked ~ .tab-content {
  max-height: none;
  padding: 1rem;
  display: block;
}
.franja.horizontal.contactos .entrada {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0.5rem;
}
.franja.horizontal.contactos .entrada .imagen {
  display: inline-block;
  vertical-align: middle;
  width: 29%;
}
.franja.horizontal.contactos .entrada .imagen .marco.vacio {
  height: 0;
  padding-bottom: 100%;
  /* height 0 y el padding 100% (igual al width) genera un cuadrado */
  background: #ababab;
}
.franja.horizontal.contactos .entrada .imagen .marco {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
}
.franja.horizontal.contactos .entrada .texto {
  display: inline-block;
  width: 69%;
  text-align: left;
}
.easy-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.easy-tree ul > li > span {
  width: 50%;
  margin-left: 1%;
  background-color: #2A5275;
  position: relative;
  display: block;
  height: auto;
  margin: 0 0 0 1%;
  color: white;
  line-height: 40px;
  padding-left: 2%;
  margin-top: 1%;
}
.easy-tree ul > li > span > a {
  color: #fff;
}
.easy-tree ul ul {
  margin-left: 5%;
}
.easy-tree ul ul > li > span {
  width: 50%%;
  margin-left: 1%;
  background-color: #6BB4E4;
  position: relative;
  height: auto;
  display: block;
  color: white;
  line-height: 40px;
  margin-top: 1%;
  padding-left: 2%;
}
.easy-tree ul ul li:nth-child(2n) > span {
  background-color: #95C0E6;
}
.easy-tree ul ul ul > li > span {
  background-color: transparent;
  position: relative;
  color: #206891;
  height: auto;
  display: block;
  width: 100%;
  padding-left: 1%;
}
.easy-tree ul ul ul > li > span a {
  color: #2A5275;
}
.easy-tree ul ul ul ul > li > span {
  background-color: transparent;
  position: relative;
  color: #6BB4E4;
  height: auto;
  display: block;
  width: 75%;
  padding-left: 2%;
}
.easy-tree ul ul ul ul > li > span a {
  color: #6BB4E4;
}
.franja.horizontal .listado .entrada {
  display: inline-block;
  border: none;
}
.franja.horizontal.en2 .listado:not(.masonry) .entrada {
  width: 50%;
}
.franja.horizontal.en3 .listado:not(.masonry) .entrada {
  width: 33%;
}
.franja.horizontal.en4 .listado:not(.masonry) .entrada {
  width: 25%;
}
.franja.horizontal.en5 .listado:not(.masonry) .entrada {
  width: 20%;
}
.franja.horizontal.en6 .listado:not(.masonry) .entrada {
  width: 16%;
}
a.correo.link.submit {
  display: inline-flex;
}
var.orden,
var:empty {
  display: none;
}
p:empty {
  margin: 0;
}
summary {
  cursor: pointer;
  position: relative;
  z-index: 10;
}
summary:hover {
  text-decoration: underline;
}
summary .fancy img,
summary .fancy iframe {
  max-height: 10vw;
  max-width: 15rem;
  width: 15rem;
  object-fit: cover;
}
summary:before {
  content: ' ';
  border-width: 0.4rem;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 0.3rem;
  left: 0;
  transform: rotate(0);
  transform-origin: 0.2rem 50%;
  transition: 0.25s transform ease;
  display: none;
}
summary::marker {
  display: none;
  color: transparent;
}
/*
details summary {
  position: relative;
  z-index: 10;
}*/
@keyframes details-show {
  from {
    margin-bottom: -80%;
    opacity: 0;
    transform: translateY(-100%);
  }
}
details {
  position: relative;
  transition: all 0.35s;
  overflow: hidden;
  border: 1px solid;
  border-radius: 10px;
  padding: 1rem;
}
details div.interna .pie {
  display: none;
}
details > *:not(summary) {
  animation: details-show 500ms ease-in-out;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  color: transparent;
  overflow: hidden;
}
details summary.thumb {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-size: 1.4rem;
  font-weight: bold;
  align-items: center;
}
details summary.thumb .imagen,
details summary.thumb .video {
  font-size: 1rem;
  width: 15rem;
  grid-area: imagen;
  align-self: center;
}
details:not(.columnas) summary.thumb .imagen,
details:not(.columnas) summary.thumb .video {
  margin-right: 1rem;
}
details:not(.thumbs)[open] div.interna .pie {
  display: block;
}
details:not(.thumbs)[open] summary.thumb {
  flex-direction: column;
}
details:not(.thumbs)[open] summary.thumb .imagen,
details:not(.thumbs)[open] summary.thumb .video {
  width: 100%;
  margin: 1rem 0 0 0;
}
details:not(.thumbs)[open] summary.thumb .imagen img,
details:not(.thumbs)[open] summary.thumb .video img,
details:not(.thumbs)[open] summary.thumb .imagen iframe,
details:not(.thumbs)[open] summary.thumb .video iframe {
  max-width: none;
  max-height: none;
  width: 100%;
}
details[open] {
  width: 100%;
}
details[open] > *:not(summary) {
  color: inherit;
}
details[open] > summary:before {
  transform: rotate(90deg);
}
details.columnas {
  display: inline;
  height: 16rem;
  width: 18rem;
}
details.columnas[open] {
  width: 100%;
  height: auto;
  display: block;
}
details.columnas summary {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-around;
  font-size: 1.3rem;
  font-weight: bold;
  align-items: center;
  height: 100%;
}
details.columnas summary:before {
  display: none;
}
details.columnas[open] summary {
  justify-content: start;
}
form div.material select,
form div.material label,
form div.material input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 1.8rem;
  line-height: 1.8rem;
}
form div.material label {
  bottom: 0;
  font-size: 1.2rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  text-align: left;
  overflow: visible;
  cursor: text;
  font-weight: bold;
  transition: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 1.75rem;
  line-height: 1.75rem;
}
form div.material .fb-required {
  color: #d50000;
  font-size: 2.5rem;
  line-height: 2.1875rem;
  float: left;
  margin: 0 0.3rem;
}
form div.material input:not([type="checkbox"]):not([type="radio"]),
form div.material select {
  display: block;
  position: relative;
  width: 100%;
  font-size: 1.0625rem;
  line-height: 1.0625rem;
  border: none;
  border-bottom: 1px solid var(--input-border-color, #000);
}
form div.material input:not([type="checkbox"]):not([type="radio"]).is-invalid,
form div.material select.is-invalid,
form div.material input:not([type="checkbox"]):not([type="radio"])[required="required"],
form div.material select[required="required"] {
  --input-border-color: #d50000;
}
form div.material input:not([type="checkbox"]):not([type="radio"]):focus,
form div.material select:focus {
  outline: 0;
}
form div.material input[type="checkbox"],
form div.material input[type="radio"] {
  width: 1.625rem;
  height: 1.625rem;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  accent-color: #095fa3;
}
form div.material input[type="checkbox"]::after,
form div.material input[type="radio"]::after {
  content: '';
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  transition: width 200ms ease-in-out, height 200ms ease-in-out;
}
form div.material input[type="checkbox"]:focus::after,
form div.material input[type="radio"]:focus::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
form div.material .grupo-campo {
  margin: 1.5rem 0;
}
form div.material .grupo-campo .input-group i.fa {
  display: none;
}
form div.material .grupo-campo ul {
  list-style: none;
  padding: 0;
}
form div.material .grupo-campo:not(.checkbox):not(.radio):not(.textarea):not(.button) {
  position: relative;
}
form div.material .grupo-campo:not(.checkbox):not(.radio):not(.textarea):not(.button)::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  background-color: var(--input-border-color, #000);
  transition: width 200ms ease-in-out;
}
form div.material .grupo-campo:not(.checkbox):not(.radio):not(.textarea):not(.button):focus-within::after {
  width: 100%;
  height: 0.2rem;
  transition: width 200ms ease-in-out;
}
form div.material .grupo-campo:not(.checkbox):not(.radio):not(.textarea):not(.button):focus-within.requerido,
form div.material .grupo-campo:not(.checkbox):not(.radio):not(.textarea):not(.button):focus-within.is-invalid {
  --input-border-color: #d50000;
}
form div.material .grupo-campo label.etiqueta[title] {
  position: relative;
  cursor: help;
}
form div.material .grupo-campo label.etiqueta[title]:after {
  content: '?';
  background: #000;
  color: #fff;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  margin-left: 1rem;
  font-size: 1rem;
}
form div.material textarea {
  min-height: 5rem;
  position: relative;
  transition: outline 200ms ease-in-out;
  border: none;
  outline: solid var(--input-border-color, #000) 1px;
}
form div.material textarea:focus {
  outline: solid var(--input-border-color, #000) 2px;
}
form div.material textarea[required="required"] {
  --input-border-color: #d50000;
}
form div.material button {
  height: 1.75rem;
  line-height: 1.75rem;
  color: #fff;
  background-color: #095fa3;
  display: inline-flex;
  border: none;
  border-radius: 2px;
  padding: 0 1rem;
  align-items: center;
  justify-items: center;
  text-transform: uppercase;
  font-weight: bold;
}
form div.material a {
  cursor: pointer;
}
/* Google Maps*/
html:has(> body > parsererror) {
  display: none!important;
}

@charset "utf-8";
/* CSS Document */
.svg-sprite {
  background-size: 1036px 1006px;
}
.svg-sprite-responsivo {
  background-size: 1217px 1182px;
}
/* 410 / 638 =  0.6426332288401254 */
.firma-pequena {
  background-size: 665.76802508px 646.48902821px;
}
@media all and ( min-width: 2586px ) {
  .listado .evento .imagen,
  .destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
    background-size: 1217px 1182px;
  }
  /* Base para tamaños adaptativos con rem */
  html {
    font-size: 19px;
    /* @_1rem:(1rem / 16); */
  }
}

@charset "utf-8";
/* CSS Document */
.svg-sprite {
  background-size: 1036px 1006px;
}
.svg-sprite-responsivo {
  background-size: 1036px 1006px;
}
/* 410 / 638 =  0.6426332288401254 */
.firma-pequena {
  background-size: 665.76802508px 646.48902821px;
}
@media all and ( max-width: 2585px ) and ( min-width: 1349px ) {
  .listado .evento .imagen,
  .destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
    background-size: 1036px 1006px;
  }
  /* Base para tamaños adaptativos con rem */
  html {
    font-size: 16px;
    /* @_1rem:(1rem / 16); */
  }
}

@charset "utf-8";
/* CSS Document */
.svg-sprite {
  background-size: 1036px 1006px;
}
.svg-sprite-responsivo {
  background-size: 881px 855px;
}
/* 410 / 638 =  0.6426332288401254 */
.firma-pequena {
  background-size: 665.76802508px 646.48902821px;
}
@media all and ( max-width: 1348px ) and ( min-width: 1146px ) {
  .listado .evento .imagen,
  .destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
    background-size: 881px 855px;
  }
  /* Base para tamaños adaptativos con rem */
  html {
    font-size: 14px;
    /* @_1rem:(1rem / 16); */
  }
}

@charset "utf-8";
/* CSS Document */
.svg-sprite {
  background-size: 1036px 1006px;
}
.svg-sprite-responsivo {
  background-size: 746px 724px;
}
/* 410 / 638 =  0.6426332288401254 */
.firma-pequena {
  background-size: 665.76802508px 646.48902821px;
}
@media all and ( max-width: 1145px ) {
  .listado .evento .imagen,
  .destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
    background-size: 746px 724px;
  }
  /* Base para tamaños adaptativos con rem */
  html {
    font-size: 12px;
    /* @_1rem:(1rem / 16); */
  }
}

@charset "utf-8";
/* CSS Document */
.svg-sprite-responsivo {
  background-size: 1036px 1006px;
}
/* $SALIDA['TABLETA'] */
@media screen and (max-width: 1024px) {
  html.translated-ltr body {
    margin-top: 38px;
    top: 0!important;
  }
  html.translated-ltr body #encabezado,
  html.translated-ltr body #centro-arriba {
    margin-top: 0;
  }
  html.translated-ltr body .panel.funciones.flotante {
    top: 38px;
  }
  #menu-accesibilidad,
  #menu-buscar,
  #menu-lang,
  #menu-ingresar,
  #menu-salir,
  .listado .evento .imagen,
  .destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
    background-size: 1036px 1006px;
  }
  .ocultar.cel {
    display: none;
  }
  .ocultar.no-cel {
    display: initial;
  }
  .svg.empotrado,
  .svg.empotrado svg,
  .destaque-portada.personalidad .franja .imagen-fondo {
    max-width: 150%;
  }
  .svg.empotrado svg,
  .destaque-portada.personalidad .franja .imagen-fondo {
    width: 150%;
    margin-left: -26%;
  }
  .interno.texto .svg.empotrado,
  .interno.texto .svg.empotrado svg,
  .empotrada.completa .svg.empotrado,
  .empotrada.completa .svg.empotrado svg {
    max-width: 100%;
  }
  .interno.texto .svg.empotrado svg,
  .empotrada.completa .svg.empotrado svg {
    width: 100%;
    margin-left: 0;
  }
  ._90w {
    width: 99%;
  }
  ._80w {
    width: 98%;
  }
  ._70w {
    width: 97%;
  }
  ._60w {
    width: 96%;
  }
  ._50w {
    width: 95%;
  }
  ._40w {
    width: 94%;
  }
  ._30w {
    width: 93%;
  }
  ._20w {
    width: 92%;
  }
  ._10w {
    width: 91%;
  }
  .interno.texto,
  .interno.centra {
    width: 100%;
  }
  input.w3em {
    font-size: 14px;
  }
  .titulo h1 {
    padding: 0;
  }
  #columna-principal > .borde {
    width: 100%;
  }
  body.basica #columna-principal > .borde {
    padding: 1rem;
  }
  .interno,
  .margenes,
  ul.menu-perfiles {
    width: 100%;
    padding: 0;
  }
  #destaques-portada,
  #destaques-portada #slider-noticias,
  .contenedor-imagen-banner.fondo,
  .destaque.portada.principal #slider-noticias .imagen.destacada.portada img,
  #destaques-portada #slider-noticias .noticia .imagen img,
  .contenedor-imagen-destacada img,
  .portada .contenedor-imagen-banner img,
  .portada .contenedor-imagen-destacada img,
  .destaque.portada.principal #slider-noticias .imagen.destacada.portada video,
  #destaques-portada #slider-noticias .noticia .imagen video,
  .contenedor-imagen-destacada video,
  .portada .contenedor-imagen-banner video,
  .portada .contenedor-imagen-destacada video {
    height: auto;
  }
  .video-principal .noticia .video-interno {
    min-height: 0;
  }
  .video-principal {
    height: 100%;
  }
  .destaque-noticias .borde,
  .destaque-noticias .paneles,
  .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  .destaque-noticias .paneles.multimedios ul li {
    display: inline-block;
  }
  .destaque-noticias .paneles.noticias.secundarias,
  .destaque-noticias .paneles.multimedios {
    width: 100%;
    height: auto;
  }
  .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  .destaque-noticias .paneles.multimedios ul li {
    width: 50%;
  }
  .destaque-noticias h2 {
    position: relative;
    top: auto;
    text-align: center;
  }
  .portada.principal #destaques-portada {
    min-height: 0;
  }
  .portada .indice.fijo {
    position: static;
  }
  .portada .contenedor-indice .fondo.fijo {
    position: absolute;
    top: 0;
  }
  .destaque-noticias h2.fijo,
  .destaque.agenda h2.fijo,
  .destaque .enlaces-destacados h2.fijo {
    top: 0;
  }
  .panel.enlaces-destacados nav > ul {
    margin-left: 3rem;
  }
  .portada .indice,
  .portada .contenedor-indice {
    height: auto;
  }
  .portada.principal .panel.funciones.enmarcado #entrada-busqueda.fijo,
  .portada.principal .panel.funciones.enmarcado #boton-buscar.fijo {
    top: -74px;
    position: absolute;
  }
  .portada #slider-lo-ultimo .panel .imagen img {
    width: 80%;
  }
  #contenidos {
    display: block;
  }
  #encabezado {
    padding: 0.625rem;
    position: relative;
  }
  #encabezado .contenido.interno {
    padding: 0 1rem;
  }
  #encabezado.desplazado {
    padding: 4px 10px 4px 10px;
  }
  #centro-arriba,
  #centro-arriba.desplazado {
    position: relative;
    top: 0;
  }
  #menu-accesorios {
    width: 33px;
    min-width: 33px;
  }
  #centro-arriba .mostrar-menu {
    position: relative;
    float: right;
  }
  div.columna-principal {
    display: block;
  }
  div.columna-principal.con-izquierda {
    padding-left: 0;
  }
  div.columna-izquierda,
  div.columna-derecha {
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    padding-bottom: 40px;
  }
  #encabezado,
  .contenido.interno,
  .contenido-externo,
  #marco-principal #pie-pagina,
  #centro-arriba,
  #centro-medio {
    min-width: 750px;
    width: 100%;
    max-width: none;
    max-width: 100vw;
  }
  div.columna-principal div.noticia.detalle {
    max-width: 72%;
    width: auto;
  }
  div.columna-principal div.noticia div.titulo {
    width: 100%;
    max-width: 100%;
  }
  .noticia .foto.vertical,
  .noticia .accesorio {
    float: none;
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }
  .noticia .accesorio.final {
    order: 2;
    margin-bottom: 40px;
  }
  #pie-pagina {
    background: #666;
  }
  #pie-pagina .contenido.interno {
    font-size: 12px;
  }
  .portada #lo-ultimo {
    height: auto;
  }
  .portada #lo-ultimo .franja.celeste-claro {
    width: 100%;
  }
  .portada.principal #lo-ultimo {
    margin-top: 0;
    text-align: center;
    height: 180px;
  }
  .portada #lo-ultimo .franja.blanco-celeste-claro,
  .portada #lo-ultimo .franja.blanco-celeste {
    width: 0;
  }
  .portada #lo-ultimo-penultimo {
    margin-top: 0;
  }
  div.noticia div.imagen-destacada-marco {
    width: 260px;
  }
  .destaque.noticias .noticias.especiales .secundaria {
    width: 100%;
  }
  div.noticias-similares ul li {
    margin: 0 8px 0 8px;
  }
  div.columna-principal div.etiquetas {
    width: auto;
  }
  div.ruta {
    font-size: 14px;
  }
  body:not(.noticias) #columna-principal > .borde,
  #columna-principal .ruta {
    width: auto;
  }
  body.sin-banner #contenidos {
    margin-top: 0;
  }
  div.columna-principal .borde {
    padding: 2rem;
    margin: 0;
  }
  body.con-banner div.columna-principal .borde {
    padding: 0;
  }
  .voz-experta.foto.interna.destacada {
    padding-top: 2rem;
  }
  .voz-experta.foto.interna.destacada a.contenido {
    margin: 0 auto 0 5%;
  }
  .voz-experta.foto.interna.destacada .pie {
    font-size: 1.475rem;
  }
  div.columna-principal .borde:empty {
    padding: 0;
  }
  div.datePicker {
    font-size: 13px;
  }
  div.datePicker table td,
  div.datePicker table tbody th {
    width: 26px;
    height: 26px;
  }
  #centro-arriba ul.menu > li {
    display: table-cell;
    vertical-align: middle;
    line-height: 12px;
  }
  /* Soporte para tabla responsiva */
  #marco-principal table:not(.custom-table):not(.date-picker-table) {
    display: block;
    overflow-x: auto;
    /*white-space:nowrap;*/
  }
  #marco-principal table:not(.custom-table):not(.date-picker-table) tbody,
  #marco-principal table:not(.custom-table):not(.date-picker-table) thead {
    width: 100%;
  }
  /* fin tabla responsiva */
  div.enlaces ul {
    width: 100%;
  }
  div.enlaces li {
    /*width:100%;*/
    min-height: auto;
  }
  #centro-arriba ul.menu li ul.enlaces li.texto {
    margin: 0;
  }
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto {
    width: 150px;
  }
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto:nth-last-child(2) {
    left: 450px;
  }
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto:last-child {
    left: 650px;
  }
  ul.menu-perfiles li {
    width: auto;
    min-width: 140px;
  }
  #encabezado .derecha ul.menu-iconos.funciones li.separador {
    width: 100%;
  }
  #encabezado .derecha ul.menu-iconos li.menu-buscar div.entradas {
    width: 184px;
    height: 25px;
  }
  #encabezado .derecha li.menu-buscar div.entradas input.texto {
    width: 136px;
    height: 25px;
  }
  #encabezado .derecha li.menu-buscar div.entradas input.boton {
    width: 48px;
    height: 25px;
  }
  #encabezado .derecha ul.funciones li > button {
    width: 46px;
    height: 25px;
  }
  #encabezado .derecha ul.menu-iconos li {
    width: 46px;
    height: 20px;
  }
  #encabezado .derecha ul.menu-iconos.funciones {
    margin: 2px 0 0 0;
  }
  #encabezado .derecha div.menu-iconos,
  #encabezado .derecha nav.menu-iconos {
    margin: 0;
  }
  #encabezado .derecha ul.menu-iconos li > span,
  #encabezado .derecha ul.menu-iconos li > a,
  #encabezado .derecha ul.menu-iconos li > span img,
  #encabezado .derecha ul.menu-iconos li > a img {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    width: 44px;
  }
  body.overlayed {
    overflow: hidden;
    height: 100vh;
  }
  #compartir {
    width: 100%;
    height: 100%;
    margin: 0;
    top: auto;
    left: auto;
    transform: none;
    position: absolute;
  }
  #ucr input[type="text"] {
    width: 100%;
  }
  .panel.botones-globos {
    margin-left: 11%;
  }
  div.enlaces.franja {
    height: auto;
  }
  div.enlaces ul li.caja a {
    max-width: 88px;
    margin-left: auto;
    margin-right: auto;
  }
  .portada div.enlaces div.panel,
  .portada div.enlaces nav.panel {
    width: 100%;
    text-align: center;
  }
  .portada div.enlaces div.panel ul,
  .portada div.enlaces nav.panel ul {
    text-align: center;
  }
  .portada div.enlaces div.panel ul li,
  .portada div.enlaces nav.panel ul li {
    display: inline-block;
    height: 76px;
    line-height: 76px;
    margin: 2px;
  }
  .portada div.enlaces.de-interes div.panel ul li,
  .portada div.enlaces.de-interes nav.panel ul li {
    width: auto;
    height: auto;
    margin: 2px 5px 2px 5px;
  }
  .portada div.enlaces.de-interes .destacado span.texto {
    height: auto;
  }
  .portada div.enlaces div.panel ul li a,
  .portada div.enlaces nav.panel ul li a {
    display: block;
    margin: 0 auto 0 auto;
  }
  ul.pestanas li {
    display: inline-block;
    min-width: 90px;
    padding-top: 15px;
  }
  .destaque-portada ul.multimedios {
    height: auto;
    min-height: 200px;
    max-height: 400px;
    margin: 0;
    padding: 0;
  }
  .multimedios li div.ico {
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .destaque-portada ul.multimedios li,
  .destaque-portada ul.multimedios li:first-child,
  .destaque-portada ul.multimedios li:last-child {
    margin: 20px 4% 4px 4%;
  }
  #marco-principal.multimedios.principal .listado,
  .listado,
  .listado.eventos,
  .listado .evento,
  div.fecha-eventos {
    width: 100%;
  }
  .indice-interno {
    display: none;
  }
  .portada .control {
    font-size: 28px;
  }
  #slider-noticias .panel .texto {
    bottom: 10px;
  }
  .destaque-portada .contenedor-contador {
    top: 240px;
  }
  .portada .contenedor-contador,
  .panel.recientes .contenedor-contador {
    font-size: 12px;
  }
  .destaque-noticias .menu-pie {
    height: auto;
  }
  .destaque-portada .reproducir {
    right: 286px;
  }
  .destaque-portada .retroceder {
    right: 264px;
  }
  .destaque-portada .adelantar {
    right: 244px;
  }
  .flecha.atras:before,
  .flecha.atras:after,
  .flecha.delante:before,
  .flecha.delante:after {
    width: 6px;
  }
  .portada .enlaces-noti-multi li {
    background: none !important;
  }
  div.iconos-funciones-articulo.fijo {
    min-width: 15rem;
    position: absolute;
    top: 0;
  }
  div.iconos-funciones-articulo.fijo a.icono {
    display: inline-block;
  }
  div.iconos-funciones-articulo {
    margin: 10px 10px 10px 0;
  }
  div.iconos-funciones-articulo .icono {
    width: 40px;
    height: 40px;
    line-height: 34px;
    margin-left: 5px;
    font-size: 22px;
    border: 3px solid #095fa3;
  }
  div.iconos-funciones-articulo .icono.fa-stack-1x {
    font-size: 12px;
    line-height: 46px;
  }
  .directorio div.iconos-funciones-articulo .icono {
    border: 2px solid #095fa3;
  }
  div.actividades-recientes div.detalle a {
    font-size: 11px;
    line-height: 11px;
  }
  div.actividades-recientes div.fecha {
    font-size: 14px;
  }
  div.actividades-recientes div.fecha div {
    font-size: 12px;
  }
  div.actividades-recientes div.botones {
    top: 160px;
  }
  div.formulario .columna.expande,
  .tabla .columna.expande,
  div.formulario .columna.izquierda,
  div.formulario .columna.derecha {
    font-size: 15px;
  }
  .destaque-portada.noticias .noticias .noticia .imagen,
  .destaque-portada.noticias .noticias .noticia .derecha {
    display: table-cell;
  }
  #encabezado-desplazado {
    display: none;
  }
  .destaque.absoluto {
    min-height: auto;
    height: auto;
  }
  .destaque.absoluto .marco img {
    height: calc(100vh - 9.3rem);
  }
  #encabezado-centro-arriba {
    height: initial;
  }
  div.actividades-recientes {
    position: relative;
    padding: 0px;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  div.actividades-recientes,
  .portada div.fechas-importantes .fondo,
  .panel.evento {
    height: auto;
  }
  .portada .enlaces.franja.negro li {
    width: 160px;
  }
  .formulario .columna.izquierda span.texto {
    top: 2px;
    left: 30px;
  }
  .formulario .columna.derecha span.texto {
    top: 2px;
    right: 30px;
  }
  .formulario .columna.izquierda a.boton,
  .formulario .columna.derecha a.boton {
    width: 150px;
  }
  /************** MULTIMEDIA ****************/
  .jp-audio .contenedor-controles,
  .jp-video .contenedor-controles {
    height: 44px;
    padding: 5px;
  }
  .jp-audio .contenedor-controles {
    margin-top: 2px;
  }
  .jp-controls {
    height: 27px;
  }
  .jp-controls div.vol-rep {
    width: 80px;
  }
  .jp-controls div.progreso {
    height: 27px;
  }
  .jp-audio .jp-play,
  .jp-video .jp-play {
    width: 33px;
    height: 33px;
  }
  .jp-audio .jp-pause,
  .jp-video .jp-pause {
    width: 33px;
    height: 33px;
  }
  .jp-audio .jp-mute,
  .jp-video .jp-mute {
    left: -4px;
    width: 33px;
    height: 33px;
  }
  .jp-audio .jp-unmute,
  .jp-video .jp-unmute {
    left: -4px;
    width: 33px;
    height: 33px;
  }
  .jp-progress {
    height: 18px;
    margin-top: 8px;
  }
  .jp-buffer-bar {
    height: 18px;
  }
  .jp-play-bar {
    height: 18px;
  }
  .jp-seek-bar {
    height: 18px;
  }
  .jp-current-time {
    top: -6px;
    font-size: 10px;
  }
  .jp-audio .barra-volumen,
  .jp-video .barra-volumen {
    height: 16px;
    width: 80px;
    bottom: 15px;
    left: 10px;
  }
  .jp-volume-bar {
    height: 16px;
  }
  .jp-volume-bar-value {
    height: 14px;
  }
  .portada .encabezado-noticias,
  .portada .encabezado-multimedios {
    width: 158px;
  }
  .destaque-portada ul.multimedios {
    padding-top: 20px;
  }
  #banderin {
    right: 0;
  }
  .filtros-dinamicos ul li.activo:before,
  .filtros-dinamicos ul li.activo:after {
    content: none;
  }
  .contenedor-imagen-banner ul.bjqs li div img {
    width: auto;
    max-width: 100%;
    height: auto;
    background-size: 100% 100%;
  }
  .fondo-botones {
    height: auto;
  }
  .segmento {
    max-width: 100%;
    overflow: hidden;
  }
  h1.bjqs,
  h1.titulo-banner {
    top: 120px;
    min-width: 350px;
    height: 35px;
    line-height: 35px;
  }
  .interno {
    width: 100%;
  }
  .segmento .texto {
    max-width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 80%;
    -moz-column-width: 80%;
    column-width: 80%;
  }
  .segmento .texto-derecha {
    margin: 15px;
    width: 100%;
  }
  .segmento h2,
  .segmento div.interno h2,
  .segmento div.interno h2 a {
    min-height: 39px;
    font-size: 28px;
  }
  .recuadro {
    min-width: 300px;
  }
  .ver {
    width: 40px;
    height: 28px;
  }
  .timeline .imagen {
    width: 145px;
    height: 98px;
  }
  .panel.funciones .frente button.fa {
    width: 30px;
    height: 30px;
    font-size: 26px;
  }
  iframe.goog-te-menu-frame {
    max-width: 100%;
  }
  .panel.funciones #entrada-busqueda,
  .panel.funciones label.fondo-buscar,
  .panel.funciones .filtros select {
    height: 30px;
  }
  .panel.funciones input[type="checkbox"] {
    width: 25px;
    height: 25px;
  }
  .contenedor-indice {
    height: auto;
  }
  .contenedor-indice.fijo {
    position: relative;
    top: initial;
  }
  .contenedor-indice .indice ul li {
    margin: 10px;
  }
  .portada.principal .contenedor-indice .indice ul li {
    margin: 0 5px 0 5px;
  }
  #banner-buscador img {
    max-height: none;
    height: 100%;
  }
  #linea-tiempo .fecha {
    margin: 5% 2% 0 2%;
    padding: 5%;
  }
  .paginador .fa {
    font-size: 30px;
  }
  .grid-frame .grid-container .grid-cell {
    order: var(--orden, initial);
  }
}

@charset "utf-8";
/* CSS Document */
/* 410 / 638 =  0.5015673981191223 */
.firma-pequena {
  background-size: 519.62382445px 504.57680251px !important;
}
/* $SALIDA['HD_CEL'] */
@media screen and (max-width: 640px) {
  html {
    box-sizing: border-box;
    font-size: 14px;
  }
  body {
    font-size: 14px;
    width: 100vw;
    overflow-x: hidden;
  }
  .header0,
  h1.header0 {
    font-size: 30px;
  }
  .header1,
  h1.header1 {
    font-size: 28px;
  }
  .header2,
  h1.header2 {
    font-size: 26px;
  }
  .header3,
  h1.header3 {
    font-size: 24px;
  }
  .header4,
  h1.header4 {
    font-size: 22px;
  }
  .header5,
  h1.header5 {
    font-size: 18px;
  }
  button {
    height: auto;
  }
  #marco-principal,
  #marco-principal.portada,
  #marco-principal.ingles,
  #marco-principal.portada.desplazado,
  #marco-principal.desplazado,
  #marco-principal.ingles.desplazado {
    min-width: 392px;
  }
  #encabezado,
  .contenido.interno,
  .contenido-externo,
  #marco-principal #pie-pagina,
  #marco-principal.desplazado #pie-pagina .contenido.interno,
  #centro-arriba,
  #centro-medio {
    min-width: 0;
    width: 100%;
  }
  #encabezado .derecha #acciones {
    padding-top: 0;
  }
  #encabezado .derecha #acciones ul.enlaces li > span,
  #encabezado .derecha #acciones ul.enlaces li > a,
  #encabezado .derecha #acciones ul.enlaces li > button {
    background: none;
    color: #fff;
    border-right: none;
    font-size: 1.7rem;
  }
  body.sin-banner #contenidos {
    margin-top: 0;
  }
  #centro-medio,
  .ruta.margen {
    margin-top: 0;
  }
  .encabezado-superior,
  .portada .encabezado-superior {
    height: auto;
  }
  #encabezado,
  #encabezado.desplazado {
    position: relative;
    padding: 0;
    height: auto;
  }
  .encabezado-superior.dos-lineas,
  .portada .encabezado-superior.dos-lineas {
    height: auto;
  }
  #encabezado.dos-lineas,
  #encabezado.dos-lineas.desplazado {
    height: auto;
  }
  #encabezado .contenido.interno {
    position: relative;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    display: block;
    flex-direction: initial;
    justify-content: initial;
    padding: initial;
  }
  #encabezado-desplazado {
    height: 0;
  }
  #encabezado-superior,
  .portada #encabezado-superior {
    height: auto;
  }
  #encabezado .derecha,
  #encabezado.desplazado .derecha {
    width: auto;
    left: inherit;
    right: inherit;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    white-space: nowrap;
  }
  #encabezado.dos-lineas .derecha {
    width: 100%;
    display: flex;
    position: relative;
    background: #204D6F;
  }
  #encabezado.dos-lineas .derecha nav {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  #encabezado.dos-lineas .derecha nav #acciones ul.enlaces {
    display: flex;
    width: 85vw;
    justify-content: space-evenly;
  }
  #encabezado.dos-lineas .derecha nav #acciones ul.enlaces li {
    margin: 0;
  }
  #encabezado.dos-lineas .derecha #encabezado .derecha .menu-arriba,
  #encabezado.dos-lineas .derecha #encabezado .derecha .menu-abajo {
    display: inline-table;
    vertical-align: top;
    margin: 0 auto 0 auto;
  }
  #encabezado.dos-lineas .derecha #encabezado .derecha .menu-arriba div.movil,
  #encabezado.dos-lineas .derecha #encabezado .derecha .menu-abajo div.movil {
    display: table-cell;
    vertical-align: middle;
  }
  #encabezado.dos-lineas .derecha,
  #encabezado.dos-lineas.desplazado .derecha {
    margin-top: 65px;
  }
  #menu-pestana {
    margin: 0;
  }
  #encabezado .izquierda {
    width: 100%;
    height: auto;
    padding: 0;
    display: flex;
    position: relative;
  }
  #encabezado .izquierda a,
  #encabezado.desplazado .izquierda a {
    position: relative;
    width: 24.5rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
  }
  #encabezado .izquierda.una-linea a#firma-ucr {
    position: relative;
    width: 90vw;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #encabezado .izquierda.una-linea a#firma-ucr img {
    width: 200%;
    height: auto;
  }
  #encabezado .izquierda.dos-lineas a#firma-ucr,
  #encabezado .izquierda.dos-lineas a#firma-unidad {
    display: inline-block;
    max-width: 50%;
  }
  #marco-principal.estudiantes a#firma-ucr img {
    margin-left: -100%;
  }
  #encabezado .izquierda.dos-lineas a#firma-ucr {
    margin-left: 10px;
  }
  body.desplazado #encabezado .izquierda.dos-lineas a#firma-ucr {
    width: 13.3rem;
    height: 5.375rem;
  }
  body #encabezado .izquierda.dos-lineas a#firma-ucr img,
  body.desplazado #encabezado .izquierda.dos-lineas a#firma-ucr img {
    width: 200%;
    height: 5.375rem;
    left: 0;
    top: 0;
  }
  #encabezado .izquierda.dos-lineas a#firma-unidad h1,
  #encabezado .izquierda.dos-lineas a#firma-unidad div.ph1 {
    height: 100%;
  }
  #encabezado .izquierda.dos-lineas a#firma-unidad {
    width: 50%;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin-right: 10px;
  }
  body.desplazado #encabezado .izquierda.dos-lineas a#firma-unidad {
    height: 5rem;
  }
  #encabezado .izquierda.dos-lineas a#firma-unidad img {
    max-height: 66px;
  }
  #encabezado .derecha ul.funciones div.dividir {
    display: block;
  }
  .interno.centra.funciones {
    margin: 3rem 0;
  }
  #encabezado .derecha > div.menu-arriba ul li.menu-eng,
  #encabezado .derecha > div.menu-iconos.funciones,
  #encabezado .derecha > div.menu-iconos ul li:nth-child(1),
  #encabezado .derecha > div.menu-iconos ul li:nth-child(3),
  #encabezado .derecha > div.menu-iconos ul li:nth-child(4),
  #encabezado .derecha > nav.menu-iconos.funciones,
  #encabezado .derecha > nav.menu-iconos ul li:nth-child(1),
  #encabezado .derecha > nav.menu-iconos ul li:nth-child(2),
  #encabezado .derecha > nav.menu-iconos ul li:nth-child(3),
  #encabezado .derecha > nav.menu-iconos ul li:nth-child(4),
  #encabezado .derecha div.menu-arriba ul li.no-tactil {
    display: none;
  }
  body.desplazado #encabezado .derecha #acciones {
    paddimg-top: 0;
  }
  #encabezado .derecha .menu-arriba,
  #encabezado .derecha .menu-abajo {
    display: inline-flex;
    vertical-align: top;
    width: 50%;
    margin: 0;
  }
  #encabezado .derecha div.menu-abajo div.movil {
    display: flex;
    vertical-align: middle;
    margin: 0;
  }
  #encabezado .derecha #pos-Extra button {
    text-align: center;
    font-size: 0;
  }
  #encabezado .derecha div.menu-iconos,
  #encabezado .derecha nav.menu-iconos {
    position: relative;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li.menu-buscar div.entradas {
    margin-left: auto;
    margin-right: auto;
    width: 239px;
    height: 25px;
    visibility: hidden;
  }
  #encabezado .derecha li.menu-buscar div.entradas input.texto {
    width: 200px;
    height: 25px;
  }
  #encabezado .derecha li.menu-buscar div.entradas input.boton {
    width: 39px;
    height: 25px;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li .globo.traducciones,
  #encabezado .derecha #menu-pestana ul.enlaces li .globo.busqueda,
  #encabezado .derecha #menu-pestana ul.enlaces li .globo {
    right: auto;
    left: 0;
    width: 100%;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li .globo.busqueda {
    margin-top: 30px;
  }
  #encabezado .derecha #acciones ul.enlaces {
    margin: 0;
  }
  #encabezado .derecha #acciones ul.enlaces li.separador {
    display: none;
  }
  .derecha #menu-pestana ul.enlaces li .globo.busqueda {
    margin-top: 12px;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li .globo {
    border: 20px solid #204D6F;
  }
  #encabezado .derecha #menu-pestana ul.enlaces {
    border: none;
  }
  #encabezado .derecha #menu-pestana ul.enlaces,
  #encabezado.desplazado .derecha #menu-pestana ul.enlaces {
    margin: 0;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li,
  #encabezado .derecha #menu-pestana ul.enlaces li > button {
    border: none;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li > span,
  #encabezado .derecha #menu-pestana ul.enlaces li > a,
  #encabezado .derecha #menu-pestana ul.enlaces li > span img,
  #encabezado .derecha #menu-pestana ul.enlaces li > a img {
    height: 22px;
    width: 32px;
    position: relative;
  }
  #encabezado .derecha #acciones ul.enlaces li {
    background: none;
  }
  #encabezado .derecha #menu-pestana ul.enlaces > li > span,
  #encabezado .derecha #menu-pestana ul.enlaces > li > a {
    background: #204D6F;
    display: inline-block;
    width: 43px;
    height: 43px;
    border: none;
    line-height: 43px;
    margin: 0 2px 0 0;
    vertical-align: middle;
    padding-top: 8px;
  }
  #centro-arriba ul.menu li ul.enlaces li.texto {
    vertical-align: middle;
    display: inline-block;
  }
  #centro-arriba ul.menu li ul.enlaces li.texto > a,
  #centro-arriba ul.menu li ul.enlaces li.texto > span,
  #centro-arriba ul.menu li ul.enlaces li.texto > button {
    float: none;
    width: auto;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
  }
  #centro-arriba ul.menu li > a,
  #centro-arriba ul.menu li > span,
  #centro-arriba ul.menu li > button {
    width: auto;
  }
  #encabezado .derecha #menu-pestana ul.enlaces > li {
    /*background-color:#204D6F;*/
    width: 43px;
    height: 43px;
  }
  #encabezado .derecha div.movil {
    background: #204D6F;
  }
  #encabezado .derecha ul.funciones li > span,
  #encabezado .derecha ul.funciones li > a,
  #encabezado .derecha ul.funciones li > button,
  #encabezado .derecha div.movil > button {
    width: 43px;
    background: none;
    color: #fff;
    font-size: 20px;
  }
  body.aniversario80 #encabezado .derecha #menu-pestana ul.enlaces li > a,
  body.aniversario80 #encabezado .derecha #menu-pestana ul.enlaces li > span,
  body.aniversario80 #encabezado .derecha #menu-pestana ul.enlaces li > button {
    border-right: none;
  }
  #encabezado .derecha ul.funciones li > span,
  #encabezado .derecha ul.funciones li > a,
  #encabezado .derecha ul.funciones li > button {
    color: #fff;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li {
    color: #fff;
    font-size: 22px;
    line-height: 43px;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li > span,
  #encabezado .derecha #menu-pestana ul.enlaces li > a,
  #encabezado .derecha #menu-pestana ul.enlaces li > button {
    background: transparent;
    border: none;
  }
  body.estudiantes #encabezado .derecha ul.funciones li > span,
  body.estudiantes #encabezado .derecha ul.funciones li > a,
  body.estudiantes #encabezado .derecha ul.funciones li > button {
    border: none;
    color: #fff;
  }
  body.alto-contraste #encabezado .derecha #menu-pestana ul.enlaces > li,
  body.alto-contraste #encabezado .derecha #menu-pestana ul.enlaces > li button {
    background: none;
    background-color: none;
  }
  body.alto-contraste #encabezado .derecha ul.funciones li > button {
    color: #fff;
  }
  body.alto-contraste.claro #encabezado .derecha ul.funciones li > button {
    color: #000;
  }
  #encabezado .derecha div.movil > button {
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 19px;
  }
  #centro-arriba {
    display: none;
    position: relative;
    top: 0;
  }
  .portada.principal .contenedor-indice {
    top: auto;
  }
  #fondo-menus-principales {
    display: none;
  }
  #centro-medio.portada,
  .portada #centro-medio.portada {
    margin-top: 0;
  }
  #menus-principales {
    margin-top: 0;
    height: auto;
    width: 100%;
  }
  .portada.principal .contenedor-indice {
    position: relative;
    top: auto;
  }
  .portada .indice,
  .contenedor-indice,
  .contenedor-indice .fondo {
    height: 100%;
  }
  .contenedor-indice .fondo {
    min-height: 40px;
  }
  #centro-arriba.desplazado {
    top: 0;
  }
  #centro-arriba ul.menu {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
  }
  #centro-arriba ul.menu,
  #centro-arriba.desplazado ul.menu {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }
  #centro-arriba ul.menu-perfiles {
    height: auto;
  }
  #centro-arriba ul.menu-perfiles li {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid white;
  }
  #centro-arriba ul.menu.hover li .contenedor {
    width: 320px;
    position: relative;
    margin: 0 auto 0 auto;
  }
  /*#centro-arriba ul.menu li span.fa-caret-down
	{
		display:inline-block;
		width:20px;
		height:20px;
		position:absolute;
		top:-22px;
		right:10px;
		z-index:2;
	}
	
	#centro-arriba ul.menu li.activo span.fa-caret-down
	{
		display:none;		
	}*/
  #centro-arriba ul.menu li span.fa-caret-down {
    display: none;
  }
  #centro-arriba ul.menu > li {
    display: block;
    width: 100%;
    border-top: 1px #ccc solid;
    border-right: none;
    padding: 0;
    height: auto;
    line-height: auto;
  }
  #centro-arriba ul.menu > li:hover,
  #centro-arriba ul.menu > li.activo {
    background: #494949;
  }
  #centro-arriba ul.menu > li.principal {
    padding: 5px 0 5px 0;
  }
  #centro-arriba ul.menu li,
  #centro-arriba ul.menu-perfiles li {
    vertical-align: middle;
    min-height: 45px;
    line-height: 45px;
    width: auto;
  }
  #centro-arriba ul.menu li > a,
  #centro-arriba ul.menu-perfiles li a,
  #centro-arriba ul.menu li > button,
  #centro-arriba ul.menu-perfiles li button {
    font-size: 22px;
    max-width: 300px;
  }
  #centro-arriba ul.menu li div.enlaces {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    text-align: center;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
    opacity: 0;
    margin: 0;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
  }
  #centro-arriba ul.menu.hover li:hover div.enlaces {
    min-height: 0;
  }
  #centro-arriba ul.menu li div.enlaces.activo {
    height: auto;
  }
  body.desplazado #encabezado,
  #centro-arriba ul.menu li div.enlaces.activo {
    height: auto;
    padding: 0;
  }
  #centro-arriba ul.menu li ul.enlaces {
    width: 100%;
  }
  #centro-arriba ul.menu li ul.enlaces li {
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px #ccc solid;
    text-align: left;
    height: 45px;
  }
  #centro-arriba ul.menu li ul.enlaces li:before {
    border: none;
    display: none;
  }
  #centro-arriba ul.menu li ul.enlaces li a,
  #centro-arriba ul.menu li ul.enlaces li button {
    max-width: 100%;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  #centro-arriba ul.menu li ul.enlaces li.texto,
  #centro-arriba ul.menu li ul.enlaces li.texto:first-child {
    /*padding: 12px 15px 4px 15px;*/
    width: 100%;
  }
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto {
    display: none;
  }
  #centro-arriba ul.menu > li:nth-last-child(3) ul.enlaces li.texto,
  #centro-arriba ul.menu > li:nth-last-child(2) ul.enlaces li.texto,
  #centro-arriba ul.menu > li:last-child ul.enlaces li.texto,
  #centro-arriba ul.menu > li:nth-last-child(3) ul.enlaces li.imagen_texto:nth-last-child(2),
  #centro-arriba ul.menu > li:nth-last-child(2) ul.enlaces li.imagen_texto:nth-last-child(2),
  #centro-arriba ul.menu > li:last-child ul.enlaces li.imagen_texto:nth-last-child(2),
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto:nth-last-child(2),
  #centro-arriba ul.menu > li:nth-last-child(3) ul.enlaces li.imagen_texto:last-child,
  #centro-arriba ul.menu > li:nth-last-child(2) ul.enlaces li.imagen_texto:last-child,
  #centro-arriba ul.menu > li:last-child ul.enlaces li.imagen_texto:last-child,
  #centro-arriba ul.menu li ul.enlaces li.imagen_texto:last-child {
    left: auto;
    margin-left: 0;
  }
  #centro-arriba ul.menu li ul.enlaces li a span,
  #centro-arriba ul.menu li ul.enlaces li button span,
  #centro-arriba ul.menu li ul.enlaces li .titulo {
    font-size: 18px;
    line-height: 18px;
  }
  #centro-arriba ul.menu li:hover {
    transition: initial;
  }
  #centro-arriba ul.menu li:hover div.enlaces {
    transition: initial;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #centro-arriba ul.menu li ul.enlaces li a div.imagen,
  #centro-arriba ul.menu li ul.enlaces li a span {
    display: inline-block;
    vertical-align: top;
  }
  /*********************************/
  #encabezado .movil {
    display: inline-block;
    width: 43px;
    height: 43px;
  }
  #encabezado .derecha #acciones ul.enlaces {
    display: block;
    width: auto;
  }
  div.iconos-funciones-articulo.fijo {
    top: 65%;
    margin: 10px 0;
  }
  div.iconos-funciones-articulo.fijo {
    min-width: 15rem;
    position: absolute;
    top: 0;
    margin: 0.625rem 0 0.625rem 0;
  }
  div.iconos-funciones-articulo.fijo a.icono {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    margin-left: 5px;
    font-size: 22px;
    border: 2px solid #095fa3;
  }
  /*div.iconos-funciones-articulo.fijo a.icono
	{
		width: 30px;
		height: 30px;
		line-height: 26px;
		margin-left: 0px;
		font-size: 18px;
		border: 2px solid #095fa3;
	}*/
  #encabezado .mostrar-menu,
  #encabezado .derecha #acciones ul.enlaces > li {
    background: #204D6F;
    display: inline-block;
    width: 43px;
    height: 43px;
    border: none;
    line-height: 43px;
    text-align: center;
    vertical-align: middle;
  }
  #encabezado .mostrar-menu {
    margin: 0;
  }
  #encabezado .derecha #acciones ul.enlaces li * {
    line-height: normal;
  }
  #encabezado .derecha #acciones ul.enlaces > li > span,
  #encabezado .derecha #acciones ul.enlaces > li > a,
  #encabezado .derecha #acciones ul.enlaces > li > button,
  #encabezado .derecha #menu-pestana ul.enlaces > li > button,
  #encabezado .derecha #menu-pestana ul.enlaces > li > a,
  #encabezado .movil a.mostrar-menu {
    display: table-cell;
    /*line-height:24px;*/
    margin: 0 auto 0 auto;
    padding-top: 0;
    height: 100%;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-accesibilidad,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-lang,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-ingresar,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-salir,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-buscar,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-accesibilidad:hover,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-lang:hover,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-ingresar:hover,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-salir:hover,
  #encabezado .derecha #menu-pestana ul.enlaces li #menu-buscar:hover {
    display: block;
    width: 40px;
    height: 25px;
    line-height: 25px;
    margin-left: 4px;
    margin: 0 auto 0 auto;
    background-color: #204D6F;
    border: none;
  }
  div.texto-interno h1 {
    margin-bottom: 10px;
  }
  .portada.principal #banner-buscador {
    top: 98px;
  }
  #centro-arriba div.interno h1,
  #centro-medio div.interno h1,
  .columna-principal div.interno h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .voz-experta.foto.interna.destacada {
    height: 200px;
    margin-bottom: 10px;
    padding-top: 20px;
  }
  .voz-experta.foto.interna.destacada a.contenido {
    width: 150px;
    height: 150px;
    margin: 0 auto 0 5%;
  }
  .voz-experta.foto.interna.destacada .pie {
    font-size: 18px;
    height: 150px;
    padding-left: 10px;
  }
  .voz-experta.foto.interna.destacada .pie .credito {
    font-size: 8px;
  }
  .noticias .contenedor-imagen-banner:not(.base) .titular,
  .galeria .contenedor-imagen-banner:not(.base) .titular,
  .contenedor-imagen-destacada .pie {
    position: relative;
    opacity: 1;
  }
  .noticias .contenedor-imagen-banner .titular .titulo,
  .galeria .contenedor-imagen-banner .titular .titulo {
    font-size: 22px;
    line-height: 22px;
    padding: 0;
  }
  .contenedor-galeria.destacada .camera_wrap {
    height: 50vh;
  }
  .contenedor-imagen-banner.fondo,
  #destaques-portada,
  #destaques-portada #slider-noticias,
  .destaque.portada.principal #slider-noticias .imagen.destacada.portada img,
  .video-interno {
    padding-top: 0;
    height: auto;
  }
  .contenedor-imagen-banner.heroe li.principal img {
    min-height: 400px;
    object-fit: cover;
  }
  .contenedor-imagen-banner.heroe li.principal svg {
    min-height: 400px;
    object-fit: cover;
    max-width: none;
    width: auto;
  }
  .contenedor-imagen-banner.heroe li.principal .titular {
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  .contenedor-imagen-banner.heroe li.principal .titular .texto {
    margin: 2rem 1rem;
    position: absolute;
    bottom: 0;
    text-align: left;
  }
  .contenedor-imagen-banner.heroe li.principal .titular .texto .detalle,
  .contenedor-imagen-banner.heroe li.principal .titular .texto p {
    font-size: 1.2rem;
  }
  .contenedor-imagen-banner.sencillo li .imagen,
  .contenedor-imagen-banner.cuaderno li .imagen {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    height: 100%;
  }
  .contenedor-imagen-banner.sencillo li .imagen .svg,
  .contenedor-imagen-banner.cuaderno li .imagen .svg {
    height: 100%;
    overflow: hidden;
    max-width: 100vw;
    display: block;
  }
  .contenedor-imagen-banner.sencillo li .imagen .svg img,
  .contenedor-imagen-banner.cuaderno li .imagen .svg img,
  .contenedor-imagen-banner.sencillo li .imagen .svg svg,
  .contenedor-imagen-banner.cuaderno li .imagen .svg svg {
    height: inherit;
    max-width: none;
    width: auto;
    object-fit: cover;
  }
  .contenedor-imagen-banner.sencillo li .titular,
  .contenedor-imagen-banner.cuaderno li .titular {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen li,
  .contenedor-imagen-banner.cuaderno.imagentexto li {
    display: block;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen li .imagen,
  .contenedor-imagen-banner.cuaderno.imagentexto li .imagen {
    width: 100%;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular .fondo,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular .fondo {
    display: block;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular .detalle,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular .detalle {
    color: #fff;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular .texto,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular .texto {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular .texto > a,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular .texto > a,
  .contenedor-imagen-banner.cuaderno.textoimagen .titular .texto :is(h1, h2, h3, h4, h5, h6),
  .contenedor-imagen-banner.cuaderno.imagentexto .titular .texto :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
  }
  .contenedor-imagen-banner.cuaderno.textoimagen .titular p,
  .contenedor-imagen-banner.cuaderno.imagentexto .titular p {
    font-size: 1.4rem;
  }
  .contenedor-imagen-banner.sencillo li.principal img,
  .contenedor-imagen-banner.sencillo li.principal svg {
    height: inherit;
    max-width: none;
    width: auto;
  }
  .contenedor-imagen-destacada.foto-galeria-spark .imagen-banner,
  .galeria-spark .contenedor-imagen-destacada .imagen-banner,
  .contenedor-imagen-destacada img {
    max-height: calc(((100vw - 24px) / 16) * 9);
    /* Mantener relación de aspecto 16:9, menos padding de 14px que tienen los contenidos */
  }
  .contenedor-imagen-destacada.foto-galeria-spark .imagen-banner img,
  .galeria-spark .contenedor-imagen-destacada .imagen-banner img {
    height: calc(((100vw - 24px) / 16) * 9);
    /* Mantener relación de aspecto 16:9, menos padding de 14px que tienen los contenidos */
    max-height: none;
    top: 0;
    object-fit: cover;
  }
  .contenedor-imagen-destacada .pie.marquesina,
  .galeria-spark.marquesina .contenedor-imagen-destacada .pie {
    width: 100%;
    font-size: 16px;
    padding: 0;
    position: absolute;
  }
  #centro-arriba .mostrar-menu {
    display: none;
  }
  .contenido.interno,
  .contenido-externo {
    min-width: 392px;
    width: 100%;
  }
  not(.interno.texto) > .interno.texto {
    padding: 14px;
  }
  #linea-tiempo .interno.texto {
    padding: 0 14px 0 14px;
  }
  .interno p,
  .interno h1,
  .interno h2,
  .interno h3,
  .interno h4,
  .interno h5,
  .interno h6,
  .titulo,
  .autores-categoria,
  div.etiquetas {
    padding: 0;
  }
  .panel.funciones header,
  .panel.funciones .filtros {
    padding: 0;
    margin: 10px 0 10px 0;
  }
  .panel.funciones fieldset {
    margin: 0;
  }
  .panel.funciones .frente button.fa {
    font-size: 16px;
  }
  .menu-accesibilidad .panel.funciones fieldset button {
    font-size: 16px;
    min-width: 250px;
  }
  .destaque-portada.principal .noticias,
  .destaque-portada .noticias .panel {
    height: 380px;
  }
  .destaque-portada.principal .contenido.interno {
    width: 392px;
    min-width: 392px;
    max-width: 392px;
  }
  .destaque-portada.noticias .noticias .panel,
  .destaque-portada .noticias .noticia .izquierda img,
  .destaque-portada .noticias .noticia .izquierda {
    width: 100%;
    height: auto;
    display: block;
  }
  .destaque-portada.noticias .noticias .panel.textos {
    height: 240px;
  }
  .destaque-portada.noticias .noticias .noticia .izquierda {
    display: block;
    overflow: hidden;
  }
  .destaque-portada .noticias .noticia .izquierda {
    overflow: hidden;
  }
  /*.portada #slider-noticias .controles-slider
	{
		display:block;
	}*/
  .portada .controles-slider {
    right: 5px;
    width: 32px;
  }
  .portada .control {
    padding: 0;
    margin: 5px;
  }
  .destaque-noticias h2,
  div.interno .destaque-noticias h2,
  .portada div.interno .destaque-noticias h2 {
    position: relative;
  }
  .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  .destaque-noticias .paneles.multimedios ul li {
    width: 100%;
    height: auto;
  }
  #marco-principal.estudiantes .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  #marco-principal.egresados .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  .destaque-noticias .paneles.noticias.secundarias,
  .destaque-noticias .paneles.multimedios {
    width: 100%;
  }
  .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria,
  .destaque-noticias .paneles.multimedios ul li {
    border: none;
  }
  .destaque-noticias .paneles.noticias.secundarias .noticia.secundaria .imagen,
  .destaque-noticias .paneles.multimedios ul li .imagen {
    max-height: none;
  }
  .multimedios li div.ico {
    bottom: 10%;
    right: 10%;
  }
  .destaque-portada .reproducir {
    right: 102px;
  }
  .destaque-portada .retroceder {
    right: 80px;
    top: 57px;
  }
  .destaque-portada .adelantar {
    right: 58px;
    top: 57px;
  }
  .destaque-portada .contenedor-contador {
    right: 5px;
    top: 92px;
  }
  .destaque-portada .noticias .panel {
    width: 392px;
  }
  .destaque-portada .noticias .noticia .imagen {
    display: block;
  }
  .destaque-portada.noticias .noticias .noticia.secundaria .texto {
    padding: 0 4px 0 4px;
  }
  .destaque-portada .noticias .noticia .texto.derecha {
    display: block;
    width: 100%;
    height: 160px;
    text-align: left;
    padding: 0 14px 0 14px;
  }
  .destaque-portada.noticias .noticias .noticia .texto.derecha {
    height: 165px;
  }
  .destaque-portada.noticias .noticias .noticia .texto.derecha {
    padding: 14px;
  }
  .destaque-portada .noticias .noticia .derecha div {
    height: 160px;
    padding-top: 20px;
    vertical-align: middle;
  }
  .destaque-portada .noticias .noticia .texto.izquierda h1,
  .destaque-portada .noticias .noticia .texto.izquierda h1 a {
    font-size: 18px;
    line-height: 18px;
    padding: 0;
    margin: 0;
  }
  .destaque-portada.noticias .noticias .noticia .texto.izquierda h1,
  .destaque-portada.noticias .noticias .noticia .texto.izquierda h1 a {
    font-size: 18px;
    line-height: 18px;
  }
  .destaque-portada .noticias .noticia .texto.derecha h1,
  .destaque-portada .noticias .noticia .texto.derecha h1 a {
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 22px;
  }
  .destaque-portada.noticias .noticias .noticia .texto.derecha h1,
  .destaque-portada.noticias .noticias .noticia .texto.derecha h1 a {
    font-size: 24px;
  }
  .destaque-portada .noticias .noticia .texto .sub,
  .destaque-portada .noticias .noticia .texto a.sub {
    font-size: 14px;
    font-weight: normal;
  }
  .destaque-portada.noticias .noticias .noticia .texto .sub,
  .destaque-portada .noticias.noticias .noticia .texto a.sub {
    font-size: 12px;
  }
  .destaque-portada .noticias .noticia .derecha p {
    display: none;
  }
  .destaque-portada .noticias .noticia.secundaria {
    height: 120px;
    padding: 3px;
  }
  .destaque-portada.noticias .noticias .noticia.secundaria {
    height: 80px;
  }
  .destaque-portada .noticias .noticia.secundaria .texto {
    width: 100%;
    height: 130px;
  }
  .destaque-portada ul.multimedios {
    max-height: none;
    display: block;
  }
  .destaque-portada ul.multimedios li {
    width: 185px;
  }
  .destaque-portada ul.multimedios li div.imagen,
  .destaque-portada ul.multimedios li div.imagen a {
    display: block;
    width: 181px;
  }
  .destaque-portada .multimedios li div a img {
    margin-top: 30px;
  }
  .destaque-portada ul.multimedios li div.imagen {
    height: 122px;
  }
  .destaque-portada ul.multimedios li div.texto {
    height: 70px;
    font-size: 16px;
  }
  .portada .contenedor-contador,
  .panel.recientes .contenedor-contador {
    font-size: 15px;
  }
  .multimedios li div.ico {
    width: 20px;
    height: 20px;
    font-size: 50px;
  }
  .portada.principal #lo-ultimo {
    height: 364px;
    margin-top: 0;
  }
  .portada #slider-lo-ultimo .panel {
    width: 100%;
    margin: 0;
    max-height: none;
  }
  .portada .enlaces.franja.negro li {
    width: 49%;
  }
  .portada .enlaces.franja.negro li:nth-child(odd) a {
    border: none;
  }
  .portada .enlaces.franja.negro li:first-child {
    width: 100%;
    height: 80px;
  }
  .portada .enlaces.franja.negro .destacado span .horario {
    height: auto;
  }
  .portada .enlaces.franja.negro .destacado:first-child span.texto {
    width: 60%;
    height: 70px;
  }
  .portada .enlaces.franja.negro .destacado span .hora {
    width: 30%;
    height: 50px;
    font-size: 16px;
    padding-left: 7px;
  }
  .portada .enlaces.franja.negro .destacado span .hora span {
    font-size: 13px;
  }
  .portada .enlaces.franja.negro .destacado span .lugar {
    width: 70%;
    height: 50px;
    font-size: 18px;
    padding-left: 10px;
  }
  .encabezado1 {
    font-size: 20px;
    line-height: 20px;
  }
  .portada div.columna-principal h2,
  .portada div.columna-principal h2 a,
  div.columna-principal h2,
  div.columna-principal h2 a {
    font-size: 21px;
  }
  .portada div.columna-principal h3,
  .portada div.columna-principal h3 a,
  div.columna-principal h3,
  div.columna-principal h3 a,
  .acordion.tabs .tab-label {
    font-size: 18px;
  }
  .panel.evento {
    display: block;
    clear: none;
    float: none;
  }
  div.actividades-recientes {
    display: block;
    position: relative;
    padding: 0px;
  }
  div.actividades-recientes,
  .portada div.fechas-importantes .fondo,
  .panel.evento {
    height: 260px;
  }
  .portada .panel.recientes {
    min-height: 0;
  }
  .portada .eventos div.panel {
    width: 100%;
    position: absolute;
    display: none;
    margin: 0;
  }
  .portada.principal .panel.recientes {
    height: initial;
  }
  .portada.principal .actividades-recientes {
    height: 320px;
    width: 100%;
    margin: 0;
  }
  .portada .eventos {
    width: 100%;
  }
  .agenda #actividades-recientes.listado .entrada,
  .listado .evento div.contenedor {
    width: 100%;
    margin: 0;
    height: 260px;
  }
  .agenda .listado .entrada {
    width: 100%;
  }
  .agenda .listado .evento div.imagen {
    height: 108px;
  }
  .listado .evento div.contenedor {
    width: 100%;
    margin: 0;
    height: 210px;
  }
  div.interno #actividades-recientes.listado h3,
  div.interno #actividades-recientes.listado h3 a {
    font-size: 19px;
  }
  #actividades-recientes.listado .evento .fecha-eventos,
  #actividades-recientes .fecha-eventos span.dia-numero,
  #actividades-recientes .fecha-eventos span.dia-texto {
    width: 50px;
    height: 50px;
  }
  #actividades-recientes.listado .evento .fecha-eventos {
    left: 15px;
  }
  #actividades-recientes .fecha-eventos span.dia-numero,
  #actividades-recientes .fecha-eventos span.dia-texto {
    font-size: 22px;
    line-height: 22px;
  }
  #actividades-recientes .fecha-eventos .dia-numero.peq,
  #actividades-recientes .fecha-eventos .dia-texto.peq,
  #actividades-recientes .fecha-eventos .dia-texto .mes {
    font-size: 14px;
    line-height: 14px;
  }
  #actividades-recientes.listado .evento div.imagen {
    height: 70px;
  }
  #actividades-recientes.listado .evento .lugar,
  #actividades-recientes.listado .evento .detalle {
    font-size: 17px;
    padding: 6px;
  }
  .portada .eventos div.panel:first-child {
    display: block;
  }
  .actividades-recientes.slider .contenedor-contador {
    margin-top: 0;
    vertical-align: middle;
    margin-bottom: 12px;
  }
  .portada #lo-ultimo .franja-celeste-claro {
    height: 144px;
  }
  .portada #lo-ultimo ul,
  .portada #destaqueslo-ultimo {
    padding: 0;
  }
  .portada .pizarra {
    background: transparent;
  }
  #slider-galeria,
  #slider-galeria .paneles {
    max-height: 250px;
  }
  .portada #slider-galeria .panel {
    width: 100%;
  }
  .portada .pizarra h2 {
    text-align: left;
  }
  .portada .pizarra .contenedor,
  .portada .pizarra .contenedor .paneles,
  .portada .pizarra .fondo,
  #slider-pizarra .panel,
  #slider-pizarra .panel img,
  #slider-pizarra .panel .anuncio a,
  #slider-pizarra .panel .imagen {
    width: 100%;
    height: auto;
  }
  .portada #slider-pizarra .panel {
    height: 320px;
  }
  .flip-container:hover .flipper,
  .flip-container.hover .flipper {
    transform: none;
  }
  .portada .enlaces-noti-multi {
    display: none;
  }
  .portada .enlaces div.panel,
  .portada .enlaces nav.panel {
    width: 50%;
    margin: 0;
  }
  .portada .enlaces div.panel.cursos,
  .portada .enlaces div.panel.enlaces-interes,
  .portada .enlaces div.panel.asuntos-estudiantiles,
  .portada .enlaces nav.panel.cursos,
  .portada .enlaces nav.panel.enlaces-interes,
  .portada .enlaces nav.panel.asuntos-estudiantiles {
    width: 100%;
  }
  .destaque.noticias .noticias .panel,
  .destaque.noticias .noticias.especiales > div > .texto {
    width: 100%;
  }
  .destaque.noticias .noticias .panel.principal .noticia {
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 30px;
  }
  .portada .panel.galerias ul li {
    text-align: left;
  }
  .anuncios .panel ul li .derecho {
    font-size: 15px;
    width: 80%;
  }
  .anuncios .panel.galerias ul li,
  .anuncios .panel.galerias ul li .izquierdo:before {
    height: 109px;
  }
  .anuncios .panel.galerias ul li:last-child,
  .anuncios .panel.galerias ul li:last-child .izquierdo:before {
    height: 49px;
  }
  .anuncios .panel.galerias ul li .izquierdo,
  .anuncios .panel.galerias ul li + li .izquierdo {
    display: table-cell;
    width: 100%;
    height: 109px;
  }
  .anuncios .panel.galerias ul li .derecho {
    display: table-cell;
    width: 180px;
    height: 109px;
  }
  .anuncios .panel.galerias ul li .derecho .imagen,
  .anuncios .panel.galerias ul li .derecho .marco {
    background-position: 0 0;
    background-size: 100%;
  }
  .anuncios .panel ul li .derecho a {
    width: 180px;
  }
  div.actividades-recientes div.botones span,
  div.actividades-recientes div.botones span a {
    font-size: 17px;
  }
  div.actividades-recientes ul.alternando li a {
    font-size: 13px;
  }
  .anuncios .panel ul li a,
  .anuncios .panel ul li span,
  div.enlaces li span,
  div.enlaces li a {
    font-size: 16px;
  }
  .anuncios .panel ul li a div.imagen,
  .anuncios .panel ul li span div.imagen {
    margin-left: auto;
    margin-right: auto;
  }
  .portada .destaque-actividades ul li {
    width: 100%;
  }
  div.enlaces.franja {
    height: auto;
  }
  div.enlaces ul li.caja {
    margin: 1px;
    width: 49%;
    height: 80px;
    text-align: center;
  }
  div.enlaces ul li.caja div {
    margin-left: auto;
    margin-right: auto;
  }
  div.columna-principal {
    width: 100%;
  }
  div.columna-principal .borde {
    padding: 12px;
  }
  div.columna-principal .borde:empty {
    padding: 0;
  }
  body.con-banner div.columna-principal .borde,
  body.con-banner .sobre.titulares .interno.texto {
    padding-top: 0;
  }
  div.noticias-similares h3 {
    text-align: center;
  }
  body.pie_adorno_derecha #pie-pagina .contenido.interno {
    display: block;
  }
  #pie-pagina nav {
    width: 100%;
  }
  #pie-pagina .izquierda,
  #pie-pagina .centro,
  #pie-pagina .derecha {
    width: 100%;
    display: block;
  }
  #imagen-pie1 {
    width: 50%;
    margin: 0 auto 0 auto;
    left: 25%;
  }
  #pie-pagina .izquierda {
    text-align: center;
    font-size: 13px;
    padding-top: 20px;
    height: auto;
    min-height: 200px;
  }
  #pie-pagina .izquierda .abajo {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
  }
  #pie-pagina .centro {
    margin-bottom: 20px;
  }
  #pie-pagina .centro,
  #pie-pagina .derecha {
    min-height: 20px;
    padding-top: 20px;
  }
  #pie-pagina .derecha {
    padding-top: 5px;
    min-height: 160px;
  }
  #pie-pagina .derecha div.menu {
    top: 0;
    width: 100%;
    text-align: center;
  }
  #pie-pagina .derecha ul {
    margin: 0 auto 0 auto;
    height: 30px;
  }
  #pie-pagina .derecha ul li {
    border-right: 2px solid white;
    height: 30px;
    line-height: 30px;
  }
  #pie-pagina .derecha li a {
    font-size: 15px;
  }
  #imagen_pie1 {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  #pie-pagina .derecha {
    min-height: 260px;
  }
  div.imagen-destacada-marco {
    display: none;
    float: none;
    clear: none;
  }
  div.imagen-destacada {
    height: auto;
    position: relative;
  }
  div.imagen.destacada.portada .marco,
  div.imagen.destacada.interna .marco {
    min-width: 320px;
  }
  .evento.detalle div.imagen-destacada a.imagen,
  .evento.detalle div.imagen-destacada-marco a.imagen,
  .evento.detalle div.imagen-destacada a.imagen img,
  .evento.detalle div.imagen-destacada-marco a.imagen img {
    width: 100%;
    height: auto;
  }
  div.noticia div.imagen-destacada {
    position: relative;
    right: auto;
  }
  .detalle div.imagen.destacada.interna,
  div.imagen.destacada.interna,
  div.noticia div.imagen.destacada.interna.primera {
    top: auto;
    right: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  div.imagen.destacada.interna.primera {
    position: relative;
  }
  div.imagen.destacada.interna.primera .pie {
    display: block;
  }
  /*.contenedor-imagen-banner .imagen-banner
	{
		max-height:200px;
	}*/
  .barra-accesorios div.pie {
    display: none;
  }
  a.leer-mas span {
    display: none;
  }
  a.leer-mas img {
    width: 20px;
    height: 20px;
  }
  div.fecha-noticia {
    top: 0;
    right: auto;
    left: auto;
  }
  .titular div.fecha-noticia {
    position: absolute;
  }
  .principal div.fecha,
  .titulares div.fecha,
  .noticia div.fecha {
    top: -31px;
    right: 10px;
  }
  .principal div.ribete,
  .titulares div.ribete,
  .noticia div.ribete {
    top: 18px;
    right: 10px;
  }
  div.recuadro.destacado {
    padding: 14px;
  }
  ul.listado {
    width: 100%;
  }
  ul.listado li div.texto {
    /*width:340px;*/
    width: 270px;
    padding-left: 14px;
  }
  ul.listado li div.imagen div.titular {
    height: 86px;
  }
  ul.listado.noticias li div.imagen div.titular a,
  ul.listado.noticias li div.imagen div.titular span,
  ul.listado.eventos li div.imagen div.titular a,
  ul.listado.eventos li div.imagen div.titular span {
    display: block;
    width: 80px;
    float: right;
  }
  .listado div.fecha {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
  ul.listado.eventos div.fecha {
    background: #204D6F;
  }
  .listado div.ribete {
    display: none;
  }
  ul.listado.noticias li div.contenedor,
  ul.listado.eventos li div.contenedor {
    padding: 6px;
  }
  ul.listado li div.pie {
    -webkit-transform: none;
    transform: none;
    position: relative;
    margin-top: 6px;
    margin-bottom: 10px;
  }
  .detalle div.encabeza {
    display: block;
    margin-bottom: 0;
  }
  div.noticia {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .detalle div.imagen-destacada {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    right: auto;
  }
  .listado .evento div.imagen,
  .listado .evento div.imagen .imagen,
  .listado .evento div.imagen .imagen img {
    margin: 0 auto 0 auto;
    float: none;
    margin-right: auto;
    width: 100%;
    height: auto;
  }
  .listado .evento div.detalle {
    margin-bottom: 0;
  }
  .listado .evento div.contacto,
  .detalle.evento div.contacto {
    position: relative;
    padding-left: 0;
    width: auto;
  }
  div.meta-noticias {
    position: relative;
    margin-top: 10px;
  }
  div.autores-categoria,
  div.autores-categoria a,
  div.subtitulo div.subtitulo a {
    font-size: 11px;
  }
  div.columna-principal div.noticia.detalle {
    width: 100%;
    max-width: 100%;
    display: inline-block;
  }
  .noticia.detalle .categoria {
    padding: 0 10px 0 10px;
  }
  div.columna-principal div.barra-accesorios {
    padding-top: 0;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 300px;
  }
  div.noticia div.barra-accesorios {
    display: none;
  }
  div.columna-principal div.noticia div.titulo {
    max-width: 95%;
  }
  div.columna-principal div.etiquetas {
    vertical-align: top;
  }
  div.columna-principal div.noticia div.texto-principal {
    width: 100%;
  }
  ul.listado h5 {
    max-width: 285px;
  }
  ul.listado li div.contenedor {
    padding: 6px 6px 30px 6px;
  }
  ul.listado li div.pie {
    height: 15px;
    line-height: 15px;
    bottom: 6px;
  }
  .comentarios span.punta {
    top: 5px;
    left: -4px;
    border-top: 3px solid transparent;
    border-right: 4px solid #204D6F;
    border-bottom: 3px solid transparent;
  }
  div.interno h1.noticia,
  div.interno h1.noticia a,
  div.columna-principal .principal.destacado h1,
  div.columna-principal .principal.destacado h1 a {
    /*max-width:90%;*/
    font-size: 30px;
    line-height: 30px;
  }
  #banner-buscador .globo {
    /*top:180px;*/
    left: 0;
  }
  .globo h1,
  .interno .globo h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .tabla .columna,
  .columna-en-fila {
    display: block;
    width: 100%;
  }
  .columna-en-fila.primaria,
  .columna-en-fila.secundaria {
    width: 100%;
  }
  .destaque > .panel.enlaces-destacados {
    height: auto;
    padding: 20px;
  }
  .enlaces-destacados .columna-en-fila > nav {
    float: none;
  }
  .enlaces-destacados.abajo ul li .globo {
    width: 100%;
    position: relative;
    left: initial;
  }
  .enlaces-destacados ul.panel li.azul .globo a,
  .enlaces-destacados ul.panel li.azul .globo span,
  .enlaces-destacados ul.panel li.azul .globo button {
    width: 100%;
    min-height: 25px;
    line-height: 25px;
  }
  .noticia .accesorio {
    width: 100%;
  }
  .noticia .foto.vertical a.contenido,
  .noticia .foto.vertical .pie {
    width: 100%;
  }
  /*
	.contenedor-imagen-banner .titular
	{
		display:none;
	}*/
  .contenedor-imagen-banner .titular .fondo {
    padding: 0;
    font-size: 10px;
    opacity: 0.85;
  }
  .contenedor-imagen-banner .titular h1 {
    font-size: 20px;
    margin: 20px 0;
  }
  .contenedor-imagen-banner .titular h1 {
    font-size: 20px;
    line-height: 20px;
  }
  .interno object embed {
    width: 100%;
  }
  .panel.funciones.enmarcado header {
    margin: 16px auto 7px auto;
  }
  ul.pestanas {
    margin-top: 0;
    margin-bottom: 5px;
  }
  ul.pestanas li {
    height: 24px;
    padding-top: 6px;
  }
  ul.pestanas li a {
    font-size: 10px;
  }
  ul.pestanas.directorio li,
  .enmarcado ul.pestanas.directorio li {
    min-width: 0;
    width: 26px;
  }
  ul.pestanas.directorio li a {
    font-size: 14px;
  }
  .destaque.portada.principal .contenedor-menu-perfiles ul {
    width: 100%;
  }
  .contenedor-indice .indice ul.menu-perfiles li {
    min-width: auto;
    margin: 4px;
  }
  .destaque.portada .panel-flotante,
  .destaque.portada .panel-flotante .paneles.noticias.secundarias,
  .destaque.portada .panel-flotante .paneles.multimedios,
  .destaque.portada.principal .noticias.secundarias .imagen.destacada.portada,
  .destaque.portada.principal .paneles.pestana.multimedios .imagen,
  .destaque.portada.principal .noticias.secundarias .principal .texto,
  .destaque.portada .panel-flotante .paneles.multimedios ul.pie {
    position: relative;
    width: 100%;
    height: auto;
  }
  .destaque.portada .panel-flotante .barra {
    display: none;
  }
  .portada .encabezado-noticias,
  .portada .encabezado-multimedios {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 1;
    top: auto;
  }
  .destaque.portada .panel-flotante .fondo,
  .destaque.portada .panel-flotante .paneles.multimedios {
    opacity: 1;
  }
  .destaque.portada .panel-flotante,
  .destaque.portada .panel-flotante .paneles.multimedios,
  .destaque.portada .panel-flotante .paneles.multimedios ul.pie,
  .portada .encabezado-noticias,
  .portada .encabezado-multimedios {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .destaque.portada .panel-flotante .paneles.multimedios.ocultar {
    display: block;
  }
  .columna {
    display: block;
  }
  div.progress-container > div a {
    font-size: 12px;
  }
  div.columna-derecha h3 {
    font-size: 14px;
  }
  /****************************/
  .ytplayer-player {
    height: 100%!important;
  }
  div.jp-video-150p,
  div.jp-video-180p,
  div.jp-video-200p,
  div.jp-video-640,
  div.jp-video-900p,
  div.jp-video-900,
  div.jp-video-400p,
  div.jp-video-480p,
  div.jp-video-640p,
  div.jp-video-640 {
    width: 100%;
  }
  div.jp-video-150p div.jp-jplayer,
  div.jp-video-180p div.jp-jplayer,
  div.jp-video-200p div.jp-jplayer,
  div.jp-video-640 div.jp-jplayer,
  div.jp-video-900p div.jp-jplayer,
  div.jp-video-900 div.jp-jplayer,
  div.jp-video-400p div.jp-jplayer,
  div.jp-video-480p div.jp-jplayer,
  div.jp-video-640p div.jp-jplayer,
  div.jp-video-640 div.jp-jplayer {
    width: 100%;
    height: calc(((100vw - 24px) / 16) * 9);
    /* Mantener relación de aspecto 16:9, menos padding de 14px que tienen los contenidos */
  }
  div.jp-video div.jp-jplayer object,
  div.jp-video div.jp-jplayer video {
    width: 100%;
  }
  #encabezado .derecha {
    display: flex;
    background: #204D6F;
  }
  #encabezado .derecha,
  #encabezado .derecha #menu-pestana ul.enlaces,
  #encabezado .derecha #menu-pestana ul.enlaces li {
    position: static;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li {
    display: inline-block;
    width: 43px;
    margin: 0 2px;
  }
  .portada .encabezado-noticias h2,
  .portada .encabezado-multimedios h2 {
    padding: 0 7px 0 7px;
  }
  h1.bjqs,
  h1.titulo-banner,
  span.titulo-banner {
    bottom: 5px;
    min-width: 200px;
    padding: 10px;
    font-size: 20px;
  }
  span.titulo-banner {
    font-size: 20px;
  }
  .botones-seccion {
    width: 320px;
    height: 300px;
  }
  .segmento .texto {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .segmento h2,
  .segmento div.interno h2,
  .segmento div.interno h2 a {
    min-height: 36px;
    font-size: 24px;
    max-width: 100%;
  }
  .destaque-portada.personalidad {
    padding: 0;
    margin: 0;
  }
  .destaque-portada.personalidad .franja {
    height: 200px;
  }
  .destaque-portada.personalidad .franja .detalle {
    left: 35px;
    width: 50%;
    height: 200px;
  }
  .destaque-portada.personalidad .franja .imagen {
    width: 35%;
    height: 194px;
    top: 16px;
    left: auto;
    right: 5px;
  }
  /*.bloque
	{
		width:98% !important;
	}*/
  .portada div.enlaces ul.panel {
    justify-content: initial;
    display: initial;
    -ms-flex-direction: initial;
    -webkit-flex-direction: initial;
    flex-direction: initial;
    -ms-flex-wrap: initial;
    -webkit-flex-flow: initial;
    flex-flow: initial;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
  }
  .date-picker .month-display {
    font-size: 16px;
  }
  .date-picker td,
  .date-picker tbody th {
    padding: 1px!important;
    width: 24px;
    height: 16px;
  }
  .date-picker table {
    line-height: 20px!important;
  }
  div.mitad {
    padding: 1px;
  }
  div.formulario,
  div.formulario .tabla {
    display: block;
    width: auto;
  }
  div.formulario .columna.expande,
  .tabla .columna.expande {
    text-align: left;
  }
  .static-datepicker {
    top: 0;
    margin-bottom: 0;
  }
  .switch-toggle.switch-android {
    margin-top: 5px;
  }
  .panel.funciones {
    width: 420px;
    right: auto;
  }
  .portada.principal .panel.funciones.enmarcado #entrada-busqueda,
  .portada.principal .panel.funciones.enmarcado #boton-buscar {
    visibility: inherit;
  }
  .panel.funciones.enmarcado label.fondo-buscar,
  .panel.funciones.enmarcado #entrada-busqueda {
    width: 331px;
  }
  .destaque.portada .barra {
    top: 0;
  }
  .barra.redes-sociales {
    top: 40%;
  }
  .panel.funciones .frente {
    padding: 7px;
  }
  .portada.principal .panel.funciones.enmarcado {
    position: fixed;
  }
  .panel.funciones.enmarcado .filtros {
    width: 98%;
  }
  .panel.funciones.inactivo {
    right: -420px;
  }
  .panel.funciones .cerrar {
    width: 34px;
    height: 34px;
    font-size: 34px;
  }
  .panel.funciones.flotante .frente {
    padding: 30px;
  }
  #linea-tiempo .fecha {
    margin: 30px 0 0 10px;
  }
  #centro-medio.expo-ucr ul.listado.noticias li div.texto,
  #centro-medio.expo-ucr ul.listado.noticias li div.imagen,
  #centro-medio.expo-ucr ul.listado.noticias li div.imagen .imagen {
    width: 100%;
    height: auto;
  }
  #centro-medio.expo-ucr .destaque-noticias .paneles.multimedios ul li {
    width: 100%;
  }
  .ocultar.no-cel {
    display: none;
  }
  .ocultar.cel {
    display: initial;
  }
  a.boton:last-of-type,
  .texto.interno a.boton:last-of-type {
    margin-right: auto;
    margin-left: 0;
  }
  .cerrarFrame {
    right: auto;
    left: 1.5rem;
  }
  body.overlayed .cerrarFrame:before {
    text-decoration: none;
    font-family: FontAwesome;
    content: "\f05c";
    color: #fff;
  }
  body.videofondo .destaque.absoluto {
    min-height: 0;
  }
}

@charset "utf-8";
/* CSS Document */
/* $SALIDA['CEL'] */
@media screen and (max-width: 392px) {
  .ocultar.no-cel {
    display: none;
  }
  .ocultar.cel {
    display: initial;
  }
  #marco-principal,
  #marco-principal.portada,
  #marco-principal.ingles,
  #marco-principal.portada.desplazado,
  #marco-principal.desplazado,
  #marco-principal.ingles.desplazado,
  #encabezado .contenido.interno {
    min-width: 320px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
  }
  #encabezado .izquierda.dos-lineas a#firma-ucr {
    margin-left: 0;
    width: 49%;
  }
  #encabezado .izquierda.dos-lineas a#firma-ucr img {
    width: 200%;
  }
  #encabezado .izquierda.dos-lineas a#firma-unidad {
    margin-right: 0;
    width: 49%;
  }
  #encabezado.desplazado .derecha ul.menu-iconos li > a,
  #encabezado.desplazado .derecha ul.menu-iconos li > span,
  #encabezado.desplazado .derecha ul.menu-iconos li > button {
    border: none;
  }
  .contenido.interno,
  .contenido-externo {
    min-width: 320px;
  }
  .listado .evento div.imagen,
  .listado .evento div.imagen .imagen,
  .listado .evento div.imagen .imagen img {
    height: 235px;
  }
  #slider-noticias .panel .noticia h3 {
    font-size: 16px;
  }
  #slider-noticias .panel .noticia .sub {
    font-size: 8px;
  }
  .destaque-portada .noticias .panel {
    width: 320px;
  }
  .destaque-portada .noticias .panel .noticia,
  .destaque-portada .noticias .noticia .izquierda {
    height: 216px;
  }
  .destaque-portada .noticias .noticia .izquierda,
  .destaque-portada .noticias .noticia .derecha {
    width: 320px;
  }
  .destaque-portada .noticias .noticia .texto.derecha {
    height: 170px;
  }
  .destaque-portada.principal .noticias .paneles {
    width: 2240px;
    /* El ancho de un panel multiplicado por la cantidad de paneles a desplegar (7) */
  }
  .destaque-portada.principal .noticias,
  .destaque-portada .noticias .panel {
    height: 360px;
  }
  .destaque-portada .noticias .noticia .derecha div {
    height: 140px;
  }
  .destaque-portada .contenedor-contador,
  .destaque-portada .reproducir.active,
  .destaque-portada .reproducir,
  .destaque-portada .adelantar,
  .destaque-portada .retroceder {
    top: 190px;
  }
  .destaque-portada .contenedor-contador {
    right: 15px;
  }
  .destaque-portada ul.multimedios li,
  .destaque-portada ul.multimedios li:first-child,
  .destaque-portada ul.multimedios li:last-child {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .destaque-portada ul.multimedios li div.imagen a,
  .destaque-portada ul.multimedios li div.imagen img.estandar {
    width: 315px;
    height: 213px;
  }
  .destaque-portada ul.multimedios li div.imagen {
    width: 100%;
    height: 213px;
  }
  .destaque-portada ul.multimedios li div {
    width: 315px;
  }
  .destaque-portada ul.multimedios li div.texto {
    height: 60px;
    font-size: 16px;
  }
  .destaque-portada .flecha {
    top: 135px;
  }
  .destaque-portada .flecha.atras {
    left: 2px;
  }
  .destaque-portada .flecha.delante {
    right: 2px;
  }
  .portada #lo-ultimo .interno {
    padding: 0;
  }
  .portada #lo-ultimo ul,
  .portada #destaqueslo-ultimo {
    width: 320px;
  }
  .portada #lo-ultimo h3.lo-ultimo {
    height: 149px;
  }
  .portada #lo-ultimo h3.lo-ultimo,
  .portada #lo-ultimo ul li {
    width: 50%;
  }
  .portada #lo-ultimo ul li .imagen {
    width: 100%;
    height: auto;
  }
  .portada #lo-ultimo ul li:first-child {
    margin-left: 50%;
  }
  .portada #lo-ultimo ul li:first-child .imagen {
    height: 149px;
  }
  .portada #lo-ultimo #acordeon,
  .portada #lo-ultimo-penultimo {
    display: block;
  }
  .portada #lo-ultimo-final {
    width: 320px;
  }
  .portada #lo-ultimo-final .imagen {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .franja .interno {
    padding: 0;
  }
  .portada .franja.personaje .detalle .contenido {
    padding: 30px 10px 10px 10px;
    width: 320px;
  }
  .portada .franja.personaje .imagen {
    width: 320px;
  }
  .detalle div.imagen.destacada.interna {
    top: auto;
    right: auto;
    position: relative;
  }
  div.imagen.destacada.portada .marco,
  div.imagen.destacada.interna .marco,
  div.destacada.interna:not(.voz-experta),
  div.imagen.destacada.interna,
  div.imagen.destacada.interna .marco img {
    /*width:320px !important;*/
    overflow: hidden;
  }
  #marco-principal.multimedios div.galeria {
    padding: 10px 0 10px 0;
    margin-left: -3px;
  }
  .detalle div.imagen-destacada {
    width: 320px;
  }
  principal.multimedios.principal ul.listado li:first-child,
  #marco-principal.multimedios.principal ul.listado li:first-child,
  #marco-principal.multimedios.principal ul.listado li .imagen.principal,
  #marco-principal.multimedios.principal ul.listado li .imagen.principal .imagen,
  #marco-principal.multimedios.principal ul.listado li.documento,
  #marco-principal.multimedios.principal ul.listado li.audio,
  #marco-principal.multimedios.principal ul.listado li.audio .contenedor,
  principal.multimedios.principal ul.listado li.audio,
  #marco-principal.multimedios.principal ul.listado {
    width: 320px !important;
  }
  ul.listado li div.imagen {
    width: 70px;
    height: auto;
  }
  ul.listado li div.texto {
    width: 260px;
    padding-left: 8px;
  }
  div.interno h1.noticia,
  div.interno h1.noticia a,
  div.columna-principal .principal.destacado h1,
  div.columna-principal .principal.destacado h1 a {
    /*max-width:85%;*/
    font-size: 25px;
    line-height: 25px;
  }
  #marco-principal.multimedios.principal ul.listado li.audio .jp-audio {
    max-width: 320px;
  }
  div.imagen.destacada.portada .marco {
    height: 213px !important;
  }
  .destaque-portada.principal .contenido.interno {
    width: 320px;
  }
  .destaque-portada.noticias .noticias .noticia .izquierda {
    height: 153px !important;
  }
  .destaque-portada.noticias .noticias .noticia .texto.izquierda h1,
  .destaque-portada.noticias .noticias .noticia .texto.izquierda h1 a {
    font-size: 16px;
  }
  div.imagen.destacada.interna .marco,
  div.imagen.destacada.interna .marco img {
    height: 200px !important;
  }
  div.columna-principal div.noticia div.titulo {
    max-width: 280px;
  }
  .seccion h2,
  div.interno .seccion h2 {
    width: 100%;
    padding: 6px;
  }
  .seccion h1,
  div.interno .seccion h1 {
    padding-top: 16px;
  }
  #imagen-pie1 {
    width: 70%;
    margin: 0 auto 0 auto;
    left: 15%;
  }
  #pie-pagina .izquierda {
    min-height: 120px;
  }
  #pie-pagina .centro {
    margin-bottom: 5px;
  }
  #pie-pagina .derecha {
    min-height: 180px;
  }
  #pie-pagina .derecha ul {
    width: 312px;
    overflow: hidden;
  }
  div.columna-principal div.noticia div.titulo {
    max-width: 320px;
  }
  .destaque-portada .noticias .noticia .texto .sub,
  .destaque-portada .noticias .noticia .texto a.sub {
    font-size: 14px;
    font-weight: normal;
  }
  .portada .pizarra .fondo {
    height: 300px;
  }
  .pizarra .anuncio {
    height: 245px;
  }
  .pizarra .anuncio img,
  .pizarra .anuncio .imagen {
    height: 220px;
  }
  .portada .pizarra .contenedor {
    height: auto;
  }
  .portada #slider-pizarra .reproducir.active,
  .portada #slider-pizarra .reproducir,
  .portada #slider-pizarra .adelantar,
  .portada #slider-pizarra .retroceder {
    margin-top: 2px;
  }
  .portada #slider-pizarra .contenedor-contador {
    margin: 6px 0 0 7px;
  }
  .pizarra .contador,
  .pizarra .contador .selector-panel {
    margin: 0 3px 0 3px;
  }
  .pizarra .contador .selector-panel {
    width: 10px;
  }
  div.enlaces li span,
  div.enlaces li a,
  .anuncios .panel ul li.lo-ultimo a,
  .anuncios .panel ul li.lo-ultimo span {
    font-size: 18px;
  }
  .portada div.columna-principal h2,
  .portada div.columna-principal h2 a {
    font-size: 12px;
  }
  .portada .enlaces.franja.negro li a {
    border: none;
  }
  .noticia div.fecha {
    top: -22px;
  }
  .noticia div.ribete {
    top: 29px;
  }
  .principal div.fecha,
  .titulares div.fecha {
    top: -20px;
  }
  .principal div.ribete,
  .titulares div.ribete {
    top: 30px;
  }
  div.columna-derecha .anuncio a,
  div.columna-derecha .anuncio img {
    width: 300px;
    height: 202px;
  }
  div.jp-video-400p,
  div.jp-video-480p,
  div.jp-video-640p,
  div.jp-video-640 {
    width: 320px;
  }
  div.jp-video-400p div.jp-jplayer,
  div.jp-video-480p div.jp-jplayer,
  div.jp-video-640 div.jp-jplayer {
    width: 320px;
  }
  /*div.jp-video  div.jp-jplayer object,
	div.jp-video  div.jp-jplayer video
	{
		width:320px !important;
	}*/
  h1.bjqs,
  h1.titulo-banner {
    top: 130px;
    min-width: 150px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 5px;
    font-size: 17px;
  }
  .segmento h2,
  .segmento div.interno h2,
  .segmento div.interno h2 a {
    min-height: 32px;
    font-size: 20px;
  }
  .bloque {
    width: 100%;
  }
  .panel.funciones {
    width: 320px;
  }
  .panel.funciones .frente {
    padding: 7px;
  }
  .panel.funciones.inactivo {
    right: -320px;
  }
  .panel.funciones.enmarcado label.fondo-buscar,
  .panel.funciones.enmarcado #entrada-busqueda {
    width: 246px;
  }
  .contenedor-indice .indice ul li {
    margin: 5px;
  }
  ul.pestanas.directorio li,
  .enmarcado ul.pestanas.directorio li {
    width: 32px;
  }
}

div.jquery-image-zoom 
{
	z-index:99999;
	margin:0;
	padding:0;
}

div.jquery-image-zoom img,
div.jquery-image-zoom .foto-zoom
{
	width:100%;
	height:100%;
}

div.fondo-pie-foto
{
	position:fixed;
    display:block;
    background:transparent;
    color:#fff;
    border: none;
    bottom:0;
    left:0;
    width:100%;
}

div.fondo-pie-foto .fondo
{
	position: absolute;
    background:#0c0c0c;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.6;
    z-index:-1;
}
	


.container {
  position: relative
}

.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.ytplayer-container video {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}

.container {
  border-radius: 6px;
  background: rgba(255, 255, 255, .9);
  padding: 0 30px 0 30px;
  margin: 30px auto;
}

/**
* material-scrolltop
*
* Author: Bartholomej
* Website: https://github.com/bartholomej/material-scrolltop
* Docs: https://github.com/bartholomej/material-scrolltop
* Repo: https://github.com/bartholomej/material-scrolltop
* Issues: https://github.com/bartholomej/material-scrolltop/issues
*/

.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor:pointer;
    border-radius: 50%;
	color:transparent;
    background: #204d6f;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
	opacity:0.4;
}

.material-scrolltop:hover, 
.material-scrolltop:focus
{
	color:transparent;
    background-color: #2c5b77;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
	opacity:1;
}

.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    content: "";
    border-radius: 100%;
    background: #2c5b77;
	color:#fff;
    font-family: FontAwesome;
    content: "\f077";	
}

.material-scrolltop:active::before {
    width: 120%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	opacity:1;
}

.material-scrolltop.reveal,
.material-scrolltop.keyboard-focus
 {
    width: 36px;
    height: 36px;
	z-index:300;
}

.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
.morphext > .animated {
    display: inline-block;
}
/*
 * CSS TOGGLE SWITCHES
 * Unlicense
 *
 * Ionuț Colceriu - ghinda.net
 * https://github.com/ghinda/css-toggle-switch
 *
 */
/* Toggle Switches
 */
/* Shared
 */
/* Checkbox
 */
/* Radio Switch
 */
/* Hide by default
 */
.switch-toggle a, .switch-light span span {
  display: none; }

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox switch
	 */
  /* Radio switch
	 */
  /* Standalone Themes */
  /* Candy Theme
	 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
	 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
	 */
  /* Android Theme
	 */
  /* iOS Theme
	 */
  .switch-light {
    display: block;
    height: 30px;
    /* Outline the toggles when the inputs are focused
	 */
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 100px;
    /* Position the label over all the elements, except the slide-button (<a>)
	 * Clicking anywhere on the label will change the switch-state
	 */
    /* Don't hide the input from screen-readers and keyboard access
	 */ }
    .switch-light * {
      
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .switch-light label, .switch-light > span {
      line-height: 30px;
      vertical-align: middle; }
    .switch-light input:focus ~ a, .switch-light input:focus + label {
      outline: 1px dotted #888; }
    .switch-light label {
      position: relative;
      z-index: 3;
      display: block;
      width: 100%; }
    .switch-light input {
      position: absolute;
      opacity: 0;
      z-index: 5; }
      .switch-light input:checked ~ a {
        right: 0%; }
    .switch-light > span {
      position: absolute;
      left: -100px;
      width: 100%;
      margin: 0;
      padding-right: 100px;
      text-align: left; }
      .switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 100px;
        text-align: center; }
        .switch-light > span span:last-child {
          left: 50%; }
    .switch-light a {
      position: absolute;
      right: 50%;
      top: 0;
      z-index: 4;
      display: block;
      width: 50%;
      height: 100%;
      padding: 0; }
  .switch-toggle {
    display: block;
    height: 30px;
    /* Outline the toggles when the inputs are focused
	 */
    position: relative;
    /* For callout panels in foundation
	 */
    padding: 0 !important;
    /* Generate styles for the multiple states */ }
    .switch-toggle * {
      
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .switch-toggle label, .switch-toggle > span {
      line-height: 30px;
      vertical-align: middle; }
    .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
      outline: 1px dotted #888; }
    .switch-toggle input {
      position: absolute;
      opacity: 0; }
	.switch-toggle input + label:hover
	{
		cursor:pointer;
	}
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
	  border:1px solid black;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 50%;
      height: 100%; }
    .switch-toggle input:last-of-type:checked ~ a {
      left: 50%; }
    .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
      width: 33.33333%; }
    .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
      left: 33.33333%; }
    .switch-toggle.switch-3 input:checked:last-of-type ~ a {
      left: 66.66667%; }
    .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
      width: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
      left: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
      left: 50%; }
    .switch-toggle.switch-4 input:checked:last-of-type ~ a {
      left: 75%; }
    .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
      width: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
      left: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
      left: 40%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
      left: 60%; }
    .switch-toggle.switch-5 input:checked:last-of-type ~ a {
      left: 80%; }
  .switch-candy {
    background-color: #2d3035;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2); }
    .switch-candy label {
      color: #fff;
      
      -moz-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
    .switch-candy input:checked + label {
      color: #333;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
    .switch-candy a {
      border: 1px solid #333;
      background-color: #70c66b;
      border-radius: 3px;
      background-image: 
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45); }
    .switch-candy > span {
      color: #333;
      text-shadow: none; }
    .switch-candy span {
      color: #fff; }
    .switch-candy.switch-candy-blue a {
      background-color: #38a3d4; }
    .switch-candy.switch-candy-yellow a {
      background-color: #f5e560; }
  .switch-android {
    background-color: #666666;
    border-radius: 1px;
    color: #fff;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    /* Selected ON switch-light
		 */ }
    .switch-android label {
      color: #fff; }
    .switch-android > span span {
      opacity: 0;
      
      -moz-transition: all 0.1s;
      transition: all 0.1s; }
      .switch-android > span span:first-of-type {
        opacity: 1; }
    .switch-android a {
      background-color: #204c6f;
      border-radius: 1px;
      box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
    .switch-android.switch-light input:checked ~ a {
      background-color: #0E88B1; }
    .switch-android.switch-light input:checked ~ span span:first-of-type {
      opacity: 0; }
    .switch-android.switch-light input:checked ~ span span:last-of-type {
      opacity: 1; }
    .switch-android.switch-toggle, .switch-android > span span {
      font-size: 85%;
      text-transform: uppercase; 
	  margin-top:20px;
	  }
  .switch-ios.switch-light {
    color: #868686; }
    .switch-ios.switch-light a {
      left: 0;
      width: 30px;
      background-color: #fff;
      border: 1px solid #d3d3d3;
      border-radius: 100%;
      
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1); }
    .switch-ios.switch-light > span span {
      width: 100%;
      left: 0;
      opacity: 0; }
      .switch-ios.switch-light > span span:first-of-type {
        opacity: 1;
        padding-left: 30px; }
      .switch-ios.switch-light > span span:last-of-type {
        padding-right: 30px; }
    .switch-ios.switch-light > span:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 100px;
      top: 0;
      background-color: #fafafa;
      border: 1px solid #d3d3d3;
      border-radius: 30px;
      
      -moz-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-light input:checked ~ a {
      left: 100%;
      margin-left: -30px; }
    .switch-ios.switch-light input:checked ~ span:before {
      border-color: #53d76a;
      box-shadow: inset 0 0 0 30px #53d76a; }
    .switch-ios.switch-light input:checked ~ span span:first-of-type {
      opacity: 0; }
    .switch-ios.switch-light input:checked ~ span span:last-of-type {
      opacity: 1;
      color: #fff; }
  .switch-ios.switch-toggle {
    background-color: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-toggle a {
      background-color: #53d76a;
      border-radius: 25px;
      
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .switch-ios.switch-toggle label {
      color: #868686; }
  .switch-ios input:checked + label {
    color: #3a3a3a; } }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }


@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* EAB TODO: Keyframes parecen afectarse con el minify... resolverlo */
@-webkit-keyframes wave 
{
	0% { -webkit-transform: scaleX(1) skew(0deg); }
	20% { -webkit-transform: scaleX(0.98) skew(2deg); }
	30% { -webkit-transform: scaleX(0.99) skew(1deg); }
	40% { -webkit-transform: scaleX(1) skew(0deg); }
	60% { -webkit-transform: scaleX(0.98) skew(-2deg); }
	80% { -webkit-transform: scaleX(0.99) skew(-1deg); }
	100% { -webkit-transform: scaleX(1) skew(0deg); }
}

@keyframes wave 
{
	0% { transform: scaleX(1) skew(0deg); }
	20% { transform: scaleX(0.98) skew(2deg); }
	30% { transform: scaleX(0.99) skew(1deg); }
	40% { transform: scaleX(1) skew(0deg); }
	60% { transform: scaleX(0.98) skew(-2deg); }
	80% { transform: scaleX(0.99) skew(-1deg); }
	100% { transform: scaleX(1) skew(0deg); }
}

/* EAB: RubberBandBig */
@-webkit-keyframes rubberBandBig {
  from {
    -webkit-transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 1.75, 1);
  }

  40% {
    -webkit-transform: scale3d(1.75, 2.25, 1);
  }

  50% {
    -webkit-transform: scale3d(2.15, 1.85, 2);
  }

  65% {
    -webkit-transform: scale3d(1.95, 2.05, 2);
  }

  75% {
    -webkit-transform: scale3d(2.05, 1.5, 2);
  }

  to {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);    
  }
}

@keyframes rubberBandBig {
  from {
    
    transform: scale3d(1, 1, 1);
  }

  30% {
    
    transform: scale3d(1.25, 1.75, 1);
  }

  40% {
    
    transform: scale3d(1.75, 2.25, 1);
  }

  50% {
    
    transform: scale3d(1.15, 1.85, 2);
  }

  65% {
    
    transform: scale3d(1.95, 2.05, 2);
  }

  75% {
    
    transform: scale3d(1.05, 1.5, 2);
  }

  to {
    
    transform: scale3d(1.5, 1.5, 1.5);
  }
}


/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap button, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	/*margin:2%, auto, 2%, auto;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	margin-bottom:2%;
	position:relative;
	z-index:0;
	background:black;	
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: calc(100% - 99px);
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	max-width:1000px;
	width:100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../imagenes/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../imagenes/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../imagenes/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url(../imagenes/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(../imagenes/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width:30px;
}
.camera_command_wrap .hideNav {
	display:none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(../imagenes/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(../imagenes/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../imagenes/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(../imagenes/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline-block;
	padding: 0 2px;
	border: 1px solid;
}
.camera_thumbs_cont ul li > img {	
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(../imagenes/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(../imagenes/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(../imagenes/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(../imagenes/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(../imagenes/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(../imagenes/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(../imagenes/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(../imagenes/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(../imagenes/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(../imagenes/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}

.camera_prevThumbs, .camera_nextThumbs, .camera_thumbs_cont
{
	background: #000;
}

.camera_prev, .camera_next, .camera_commands {
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}

.esconder-pie {
	width:1.5em;
	height:1.2em;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background:rgba(0, 0, 0, 0.6);
	font-family:"Tahoma", Helvetica, sans-serif;
	text-align:center;
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
	text-indent:1.1px;
	position:absolute;
	top:0;
	right:0;
}

div.columna-principal a.esconder-pie
{
	color:#fff;
}

.ui-loader h1
{
	display:none;
}

.camera_thumbs_cont ul li
{
	overflow:hidden;
	width:6.25rem;
	height:5.3125rem;
}

@charset "UTF-8";/*!
Magic - Ver 1.1.0 - http://minimamente.com
Licensed under the MIT license
Copyright (c) 2014 Christian Pucci
*/
.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
.openDownLeft {
  -webkit-animation-name: openDownLeft;
  animation-name: openDownLeft;
}
.openDownRight {
  -webkit-animation-name: openDownRight;
  animation-name: openDownRight;
}
.openUpLeft {
  -webkit-animation-name: openUpLeft;
  animation-name: openUpLeft;
}
.openUpRight {
  -webkit-animation-name: openUpRight;
  animation-name: openUpRight;
}
.openDownLeftRetourn {
  -webkit-animation-name: openDownLeftRetourn;
  animation-name: openDownLeftRetourn;
}
.openDownRightRetourn {
  -webkit-animation-name: openDownRightRetourn;
  animation-name: openDownRightRetourn;
}
.openUpLeftRetourn {
  -webkit-animation-name: openUpLeftRetourn;
  animation-name: openUpLeftRetourn;
}
.openUpRightRetourn {
  -webkit-animation-name: openUpRightRetourn;
  animation-name: openUpRightRetourn;
}
.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut;
}
.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  animation-name: openDownRightOut;
}
.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut;
}
.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  animation-name: openUpRightOut;
}
.perspectiveDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDown;
  animation-name: perspectiveDown;
}
.perspectiveLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft;
}
.perspectiveRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRight;
  animation-name: perspectiveRight;
}
.perspectiveUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUp;
  animation-name: perspectiveUp;
}
.perspectiveDownRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDownRetourn;
  animation-name: perspectiveDownRetourn;
}
.perspectiveLeftRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeftRetourn;
  animation-name: perspectiveLeftRetourn;
}
.perspectiveRightRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRightRetourn;
  animation-name: perspectiveRightRetourn;
}
.perspectiveUpRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUpRetourn;
  animation-name: perspectiveUpRetourn;
}
.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn;
}
.puffOut {
  -webkit-animation-name: puffOut;
  animation-name: puffOut;
}
.rotateDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateDown;
  animation-name: rotateDown;
}
.rotateLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
.rotateRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight;
}
.rotateUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateUp;
  animation-name: rotateUp;
}
.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
}
.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
}
.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.slideDownRetourn {
  -webkit-animation-name: slideDownRetourn;
  animation-name: slideDownRetourn;
}
.slideLeftRetourn {
  -webkit-animation-name: slideLeftRetourn;
  animation-name: slideLeftRetourn;
}
.slideRightRetourn {
  -webkit-animation-name: slideRightRetourn;
  animation-name: slideRightRetourn;
}
.slideUpRetourn {
  -webkit-animation-name: slideUpRetourn;
  animation-name: slideUpRetourn;
}
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn;
}
.vanishOut {
  -webkit-animation-name: vanishOut;
  animation-name: vanishOut;
}
.swashOut {
  -webkit-animation-name: swashOut;
  animation-name: swashOut;
}
.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn;
}
.foolishOut {
  -webkit-animation-name: foolishOut;
  animation-name: foolishOut;
}
.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn;
}
.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut;
}
.tinRightOut {
  -webkit-animation-name: tinRightOut;
  animation-name: tinRightOut;
}
.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  animation-name: tinLeftOut;
}
.tinUpOut {
  -webkit-animation-name: tinUpOut;
  animation-name: tinUpOut;
}
.tinDownOut {
  -webkit-animation-name: tinDownOut;
  animation-name: tinDownOut;
}
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  animation-name: tinLeftIn;
}
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp;
}
.boingOutDown {
  -webkit-animation-name: boingOutDown;
  animation-name: boingOutDown;
}
.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp;
}
.spaceOutRight {
  -webkit-animation-name: spaceOutRight;
  animation-name: spaceOutRight;
}
.spaceOutDown {
  -webkit-animation-name: spaceOutDown;
  animation-name: spaceOutDown;
}
.spaceOutLeft {
  -webkit-animation-name: spaceOutLeft;
  animation-name: spaceOutLeft;
}
.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp;
}
.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight;
}
.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown;
}
.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft;
}

@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    transform-origin: 100% 200%;
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform-origin: 200% 500%;
    transform: scale(0, 0) rotate(270deg);
  }
}
@-webkit-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeft {
  0% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRight {
  0% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeft {
  0% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRight {
  0% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openDownLeftRetourn {
  0% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }

  100% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openDownRightRetourn {
  0% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }

  100% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openUpLeftRetourn {
  0% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }

  100% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openUpRightRetourn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }

  100% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes perspectiveDown {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-webkit-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes perspectiveLeft {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-webkit-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes perspectiveRight {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
}
@-webkit-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes perspectiveUp {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }
}
@-webkit-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveDownRetourn {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveRightRetourn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2,2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1,1);
    -webkit-filter: blur(0px);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2,2);
    filter: blur(2px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
    filter: blur(0px);
  }
}
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1,1);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2,2);
    -webkit-filter: blur(2px);
  }
}
@keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2,2);
    -webkit-filter: blur(2px);
  }
}
@-webkit-keyframes rotateDown {
  0% {
  	opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotateDown {
  0% {
  	opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateLeft {
  0% {
  	opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
  	opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateRight {
  0% {
  	opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
  	opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-webkit-keyframes rotateUp {
  0% {
  	opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotateUp {
  0% {
  	opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%);
  }
}
@keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;;
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes slideLeft {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
}
@-webkit-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideDownRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideRightRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(100%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
  }

  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
}
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);;
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }
}
@keyframes swashOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }

  100% {
  	opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }

  100% {
  	opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
  }
}
@keyframes foolishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(0deg);
  }
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-webkit-keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
  }
}
@keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }
}
@-webkit-keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
  }
}
@keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%);
  }
}
@-webkit-keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }
}
@-webkit-keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg);
  }
  
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-90deg);
  }
  
  50% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(50deg);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  
  20% {
  	opacity: 1;
  	-webkit-transform-origin: 100% 100%;
  	-webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@keyframes boingOutDown {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  
  20% {
  	opacity: 1;
  	transform-origin: 100% 100%;
  	transform: perspective(800px) rotateX(0deg) rotateY(10deg);
  }
  
  30% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  }
  
  40% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(10deg) rotateY(10deg);
  }

  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(90deg) rotateY(0deg);
  }
}
@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }
}
@keyframes spaceOutUp {
  0% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }
}
@-webkit-keyframes spaceOutRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(.2) translate(200%, 0%);
  }
}
@keyframes spaceOutRight {
  0% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(.2) translate(200%, 0%);
  }
}
@-webkit-keyframes spaceOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }
}
@keyframes spaceOutDown {
  0% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }
}
@-webkit-keyframes spaceOutLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(.2) translate(-200%, 0%);
  }
}
@keyframes spaceOutLeft {
  0% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(.2) translate(-200%, 0%);
  }
}
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(.2) translate(0%, -200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(.2) translate(200%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(.2) translate(200%, 0%);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(.2) translate(0%, 200%);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%);
  }
}
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(.2) translate(-200%, 0%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%);
  }
}
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(.2) translate(-200%, 0%);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%);
  }
}

/*
	Modify the focussed elements you wish to style here.
 */
/*a.keyboard-focus:focus,
input.keyboard-focus:focus,
textarea.keyboard-focus:focus,
button.keyboard-focus:focus,
select.keyboard-focus:focus,
.button.keyboard-focus:focus*/

@keyframes glowing 
{
  0% { box-shadow: 0 0 -5px #80bdff; }
  40% { box-shadow: 0 0 10px #80bdff; }
  60% { box-shadow: 0 0 10px #80bdff; }
  100% { box-shadow: 0 0 -5px #80bdff; }
}

@keyframes extraglowing
{
  0% { box-shadow: 0 0 -5px 5px #fdff80; }
  40% { box-shadow: 0 0 5px 5px #fdff80; }
  60% { box-shadow: 0 0 5px 5px #fdff80; }
  100% { box-shadow: 0 0 -5px 5px #fdff80; }
}

@keyframes button-glowing 
{
  0% { box-shadow:inset 0px 0px 1.5em #80bdff, 0 0 5px #80bdff; }
  40% { box-shadow:inset 0px 0px 1.5em #80bdff, 0 0 15px #80bdff; }
  60% { box-shadow:inset 0px 0px 1.5em #80bdff, 0 0 15px #80bdff; }
  100% { box-shadow:inset 0px 0px 1.5em #80bdff, 0 0 5px #80bdff; }
}

@-webkit-keyframes flash {
	0% {
		opacity: .3;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: .3;
	}
}
@keyframes flash {
	0% {
		opacity: .3;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: .3;
	}
}

.keyboard-focus:focus,
.mouse-focus:focus
{
	/*
		Tweak your desired keyboard focus styling here.
		Obvious is good!
		The default styling is based on Chrome's default styling
		of keyboard focus.
	 */
	 outline:0.25rem solid #8894aa;
	/*animation: glowing 2000ms infinite;*/
	
}

.accesible.keyboard-focus:focus
{
	display:inline-block;
}

button.keyboard-focus:not(.extraglowing):focus,
button.mouse-focus:not(.extraglowing):focus
{
	outline:0.25rem solid #8894aa;
	/*animation:button-glowing 5000ms infinite;*/
	overflow:hidden;
}

.keyboard-focus:focus > img
{
	-webkit-animation: flash  5000ms infinite;
	animation: flash  5000ms infinite;
	-webkit-animation-delay:0;
	animation-delay:0;
}

/*a.mouse-focus:focus,
input.mouse-focus:focus,
textarea.mouse-focus:focus,
button.mouse-focus:focus,
select.mouse-focus:focus,
.button.mouse-focus:focus*/
.mouse-focus:focus
{
	outline: none;
}
html{
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}

.curtains>li{
    -webkit-transform:translateZ(0);
    background: white;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top:0;
  z-index: 1010;
  width:100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  background:transparent;
  z-index:1;
  font-weight:normal;
}

.chosen-container-single .chosen-single:hover,
.chosen-container-single .chosen-single:hover div {
	color:#000;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  position:absolute;
  top:0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  color:#fff;
  text-align:center;
  background: #000;
}
.chosen-container-single .chosen-single div:before {
  font-family: FontAwesome;
  content: "\f002";
}
/*
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px;
}*/

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
 /* margin: 1px 0;*/
  width: 100%;
 /* height: auto;
  outline: 0;
 /* border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;*/
  /*font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;*/
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {

}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */

@charset "utf-8";
/* CSS Document */

div.mitad
{
	width:49%;
	min-width:240px;
	display:inline-block;
	text-align:center;
	height:270px;
	position:relative;
	padding:10px;
}

/*
    Hide the datepickers associated input by using a className
*/
.fd-hidden-input
{
    display:none;
}
/*
    Screen reader class - used to hide spans inside each cell from the visual
    display. See: http://webaim.org/techniques/css/invisiblecontent/
*/
span.fd-screen-reader
    {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap; 
	width: 1px;
    } 
	
.date-picker-table button.fd-screen-reader,
#encabezado .derecha ul.menu-iconos li .globo button.fd-screen-reader
{
	font-size:0;
}	
/*
    The wrapper div
*/
.date-picker
    {
    position:absolute;
   /* z-index:9999;*/
    text-align:center;
    /* 
    Change the font-size to suit your needs. The following line is for the demo
    that has a 14px font-size defined on the body tag.

    All other rules are "em" based and inherit from the font-size set here.
    */    
    background:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
         -o-user-select:none;
            user-select:none;
    /*
    Set the fade in/out animation time here. This is used for browsers that
    support CSS transitions. Non-supporting browsers receive the fade effect
    using a Javascript fallback.
    */
    opacity:1;
    -webkit-transition:opacity .75s ease-in-out;
       -moz-transition:opacity .75s ease-in-out;
        -ms-transition:opacity .75s ease-in-out;
         -o-transition:opacity .75s ease-in-out;
            transition:opacity .75s ease-in-out;
    }
.date-picker div
    {
    /*border:1px solid rgba(255, 255, 255, 0.8);*/
    border-radius:0;
    }
/*
    The following rule is used whenever CSS Animations are supported by the
    browser
*/
.date-picker.fd-dp-fade
    {
    opacity:0;
    }
/*
    Styles for the static datePickers
*/
.static-datepicker
    {
    position:relative;
    /*top:5px;*/
    left:auto;
    /*margin-bottom:1.5em;*/
	width:100%!important;
	height:auto!important;
    }
/*
    The iframe hack to cover selectlists in IE6
*/
.iehack
    {
    position:absolute;
    background:#fff;
    z-index:9998;
    padding:0;
    margin:0;
    border:0;
    display:none;
    }
/*
    The activation "button" created beside each input for popup datePickers
*/
.date-picker-control button
    {
    display:none;
    width:18px;
    height:18px;
    overflow:hidden;
    margin:auto 0;
    resize:none;
    outline:none;
	border:none;
	background:none;
	color:inherit;
	cursor:pointer;
    }
/*
    The hover effect on the activation button
*/
.date-picker-button-active button,
.date-picker-control:focus button,
.date-picker-control:hover button,
.date-picker-control:active button
    {
    outline:none;
    }
/*
    A base64 encoded image-sprite is used for the activation button. IE6 and 7
    get fed "normal" png images within the rule that follows.
*/
.date-picker-control:link,
.date-picker-control:visited
    {
    position:relative;
    display: -moz-inline-box;
    border:0 none;
    padding:0;
    margin:0 4px;
    min-width:18px;
    line-height:1;
    cursor:pointer;
    visibility:visible;
    text-decoration:none;
    vertical-align:text-bottom;
    resize:none;
    }

/*
    If the datepicker has a valid date then use a different icon for the
    activation button to let the user know. It's a little detail but it's the
    little things in life etc
*/
.date-picker-dateval:link,
.date-picker-dateval:visited
    {
    background-position:0 -108px;
	vertical-align:top;
    }

/*
    Hover states etc for the activation button
*/
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
.date-picker-control:active
    {
    background-position:0 0;
    }

/*
    Disabled activation button
*/
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active
    {
    background-position:0 -36px;
    cursor:default;
    }

.date-picker-control-disabled:hover button,
.date-picker-control-disabled:active button
    {
   
    }

/*
    IE, older Safari & Opera. Seperate CSS rule seems to be required.
*/
.date-picker-control
    {
    display:inline-block;
    outline:none !important;
    }
/*
    Default datepicker "button" styles
*/
.date-picker th button
    {
    display:block;
    padding:0;
    margin:0;
    text-align:center;
    line-height:22px;
    border:0 none;
    background:transparent;
    font-weight:bold;
    cursor:pointer;
	font-size:12px;
    }
.date-picker tr+tr th button
    {
	width:100%;
    }	
/*
    The "month, year" display
*/
.date-picker .month-display,
.date-picker .year-display
    {
    display:inline;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:normal;
    font-size:22px;
    }
/*
    Generic button class for Next & Previous (both month & year) buttons
*/
.date-picker .prev-but,
.date-picker .next-but
    {
    font-weight:normal;
    font-size:2.4em;
    cursor:pointer;
    }
.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but
    {
    -webkit-transition:all .2s ease-in-out;
       -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
         -o-transition:all .2s ease-in-out;
            transition:all .2s ease-in-out;
    }
/*
    Hover effect for Next & Previous (month, year) buttons
*/
.date-picker .prev-but:hover,
.date-picker .next-but:hover,
.date-picker .today-but:hover
    {
    color:#a84444;
    }
.date-picker .prev-but:hover,
.date-picker .next-but:hover
    {

    }
/*
    Today button
*/
.date-picker .today-but
    {
    text-align:center;
    margin:0 auto;
    font-weight:normal;
    font-size:1em;
    width:100%;
    text-decoration:none;
    padding-top:0.3em;
    text-transform:uppercase;
    vertical-align:middle;
    cursor:pointer
    }
/*
    Disabled buttons
*/ 
.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .today-but:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover
    {
    color:#aaa;
    cursor:default !important; 
    opacity:1;
    }
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover
    {

    text-shadow:0 -1px 1px rgba(255,255,255,.8);
    }
/*
    The gradient background image
*/
.date-picker table,
.date-picker td,
.date-picker tbody th,
.date-picker .day-disabled,
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out 
    {
    background-color:#fff; 
    }

.date-picker table
    {
	max-width:400px;
    table-layout:auto;
    empty-cells:show;
    border-spacing:2px;
    border-collapse:separate;
    position:relative;
    margin:0;
    padding:0;
    border:1px solid #ccc;
    background-position:0 -20px; 
    text-align:center;
    padding:0.3em;
    width:auto;
    height:auto;
    color:#555;
    font-size: 12px;
    }

/* 
    Common TD & TH styling
*/
.date-picker td,
.date-picker tbody th
    {
    width: 26px;
    height: 26px;
    }
.date-picker th
    {
    border:0 none;
    padding:0;
    font-weight:bold;
    color:#333;
    text-align:center;
    vertical-align:middle;
    text-transform:none;
    }
	
.date-picker th+th
    {
	width:20%;
    }	

.date-picker .date-picker-week-header
    {
    border:1px solid #dcdcdc;
    font-style:oblique;
    background:transparent;
    cursor:default;
    }
.date-picker .date-picker-thead .date-picker-week-header
    {
    border:0 none;
    cursor:help;
    }
/*
    The "mon tue wed etc" day header styles 
*/
.date-picker .date-picker-day-header
{
	width:14.285%;
	min-width:35px;
    cursor:help;
    border:0 none;
    padding:0 0 0.2em 0;
    text-transform:lowercase;
    height:auto;
}
	
.date-picker .date-picker-day-header button
    {
    cursor:help;
    border:0 none;
    padding:0;
	margin:0;
    text-transform:lowercase;
	width:100%;
    height:auto;	
    }	
/* 
    tfoot status bar 
*/
.date-picker .date-picker-statusbar
    {
    cursor:default;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:0.1em;
    border:0 none;
    background:#fff;
    height:2.8em;
    }
/* 
    TD cell that is _not_ used to display a day of the month 
*/
.date-picker .date-picker-unused
    {
    border-color:#dcdcdc;          
    cursor:default !important;
    background-position:0 -25px;
    }
/* 
    The TH cell used to display the "month, year" title 
*/
.date-picker .date-picker-title,
.date-picker .date-picker-title button
    {
       /* font-family: arial;
		font-weight: bold;*/
		color: white;
		text-transform: uppercase;
		background: #009ee2;
    }
/* 
    The "todays date" cell style 
*/
.date-picker .date-picker-today
    {
		background:#6482aa;
    }

.date-picker .month-out.date-picker-highlight 
    {
    color: #41ade7;
    }
/* 
    The "highlight days" style 
*/
.date-picker .date-picker-highlight,
.date-picker .date-picker-highlight button
    {
    color:#a86666;
    }
/* 
    The "active cursor" style 
*/
.date-picker td
    {
    /*
    
    Uncomment this if you want a transition on the cursor cells scale effect
    
    -webkit-transition: all .2s ease;    
       -moz-transition: all .2s ease;    
        -ms-transition: all .2s ease;    
         -o-transition: all .2s ease;    
            transition: all .2s ease;    
    */
    }
/*
    Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when 
    scaling TD cells so commented out until I find a curious CSS based fix.
    Opera no longer appears to apply the scale... ho hum...
*/
.date-picker-focus .date-picker-hover,
.date-picker-focus .date-picker-hover button
    {
    /*
    -webkit-transform:scale(1.25);
    */
       -moz-transform:scale(1.25);
        -ms-transform:scale(1.25);
         -o-transform:scale(1.25);
            transform:scale(1.25);
    }

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover,
.date-picker .date-picker-hover button,
.date-picker .month-out.date-picker-hover button
    {   
    cursor:pointer;
    border-color:rgb(100,130,170) !important;
    border-color:rgba(100,130,170,.7) !important;
    color:rgb(100,130,170);     
    box-shadow:0 0 6px rgba(100,130,170,.6);
    background-size:cover;
	 color: #f60;
    }

/* 
    The "disabled days" style 
*/
.date-picker .day-disabled
    {          
    color:#888;
    cursor:default;
    text-decoration:line-through;
    background-position:0 -15px;
    } 
.date-picker .month-out 
    {
    border-color:#ddd;
    border-color:rgba(220,220,220,0.8);
    color:#aaa;
    background-position:0 -25px;
    } 
/* 
    The "selected date" style - color changed below also 
*/
.date-picker .date-picker-selected-date
    {

    }
/* 
    The date "out of range" style 
*/
.date-picker .out-of-range,
.date-picker .not-selectable
    {           
    color:#ccc;
    font-style:oblique;
    background:#fcfcfc;
    cursor:default;              
    } 
/* 
    Week number "out of range" && "month-out" styles 
*/
.date-picker th.month-out,
.date-picker th.out-of-range
    {
    color:#aaa;
    font-style:oblique;
    background:#fcfcfc;          
    }
/* 
    Week numbers "out of range" 
*/
.date-picker .out-of-range
    {
    opacity:0.6;
    }  
/* 
    Used when the entire grid is full but the next/prev months dates cannot be 
    selected 
*/
.date-picker .not-selectable
    {         
    opacity:0.8;
    }
.oldie .date-picker .out-of-range
    {
    filter:alpha(opacity=60);
    }
.oldie .date-picker .not-selectable
    {
    filter:alpha(opacity=80);
    }
.date-picker tr
    {
    display:table-row;
    }
.date-picker sup
    {
    letter-spacing:normal;
    text-transform:none;
    height: 0;
	line-height: 1;
	position: relative;
	top:-0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
    }
.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display
    {            

    }
.date-picker .month-display,
.date-picker .year-display
    {            
    cursor:default;                            
    }
.date-picker td:focus,
.date-picker .date-picker-hover 
    {
    overflow:hidden;
	-moz-outline:0 none;
         outline:0 none;        
	-o-highlight:0 none;
    }
/* 
    The "pulse" animation on focused button and datepicker cursor
*/
.date-picker-focus .date-picker-hover,
.date-picker-control:focus button
    {
    border-color: #f60;
    color: #f60;
    }
/* 
    The "selected date" style 
*/
.date-picker .date-picker-selected-date
    {
		border-color: #6482aa;
		color: white;
		background: #fdb727;
    }
/*
    Remove the box-shadow & lifted corner effect for the inline datepickers
*/
.static-datepicker table
    {

    }
.static-datepicker:before,
.static-datepicker:after
    {
    display:none;
    }
/*
    Add a box-shadow and enhance border for datepickers that have keyboard focus
*/
.date-picker-focus table
    {

    }
/* 
    Draggable datepickers 
*/
.date-picker .drag-enabled,
.date-picker .drag-enabled button
    {
    cursor:move;
    }    
/* 
    Disabled datePicker 
*/
.date-picker-disabled table
    {
    opacity:.8 !important;
    }
.date-picker-disabled table:before,
.date-picker-disabled table:after
    {
    display:none;
    }
.oldie .date-picker-disabled table
    {
    filter:alpha(opacity=80);                  
    }
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th button
    {
    cursor:default !important;          
    }
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover
    {
    /*    
    Uncomment this if you have used the previous scale rules previously
    declared within the file (for the prev-but and next-but classes)
    
    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
    text-shadow:none;
    }
body.fd-drag-active 
    {
    -webkit-touch-callout:none; 
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;     
    }

.interno table td {
    border: 1px dotted #666666;
    padding: 5px;
    border-spacing: 0px;
}

button.fd-screen-reader
{
	display:block;
	width:26px;
	height:26px;
    font-size:26px;
    line-height:26px;
	padding:0;
}

button.fd-screen-reader:before 
{
    font-family: FontAwesome;
    content: "\f073";
}
	
/*
    Unminified development version of the datepicker stylesheet. Please use the
    minified version in production - remember to run a find/replace on the
    minified file to update the image locations to suit your installation - more
    info can be found in the header of the minified file.
    
    F.Y.I: Here's the HTML produced for each instance of the datePicker, in this
    case associated with a form element having an id of "demo-1"
    
<div id="fd-demo-1" class="date-picker drag-enabled" aria-describedby="fd-dp-aria-describedby" aria-labelledby="demo-1_label" aria-hidden="false" role="application" dir="ltr">
    <div>
        <table class="date-picker-table" role="grid">
            <thead class="date-picker-thead">
                <tr role="presentation">
                    <th class="date-picker-title drag-enabled" colspan="7"><span class="month-display drag-enabled">January&nbsp;</span><span class="year-display drag-enabled">2013</span></th>
                </tr>
                <tr role="presentation">
                    <th><span class="prev-but prev-year" id="demo-1-prev-year-but" title="Previous year">«</span></th>
                    <th><span class="prev-but prev-month" id="demo-1-prev-month-but" title="Previous month">‹</span></th>
                    <th colspan="3"><span class="today-but fd-disabled" id="demo-1-today-but" title="">Today</span></th>
                    <th><span class="next-but next-month" id="demo-1-next-month-but" title="Next month">›</span></th>
                    <th><span class="next-but next-year" id="demo-1-next-year-but" title="Next year">»</span></th>
                </tr>
                <tr>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-0" title="Monday">Mon</th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-1" title="Tuesday"><span class="fd-day-header" title="Tuesday">Tue</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-2" title="Wednesday"><span class="fd-day-header" title="Wednesday">Wed</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-3" title="Thursday"><span class="fd-day-header" title="Thursday">Thu</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-4" title="Friday"><span class="fd-day-header" title="Friday">Fri</span></th>
                    <th class="date-picker-day-header date-picker-highlight" scope="col" role="columnheader" id="demo-1-col-5" title="Saturday"><span class="fd-day-header" title="Saturday">Sat</span></th>
                    <th class="date-picker-day-header date-picker-highlight" scope="col" role="columnheader" id="demo-1-col-6" title="Sunday"><span class="fd-day-header" title="Sunday">Sun</span></th>
                </tr>
            </thead>
            <tbody>
                <tr role="row">
                    <td aria-describedby="demo-1-col-0" aria-selected="false" role="gridcell" class="date-picker-unused" title="">&nbsp;</td>
                    <td aria-describedby="demo-1-col-1" aria-selected="false" role="gridcell" title="January 01, 2013" class="day-1 cell-1 cd-20130101 yyyymm-201301 mmdd-0101">1</td>
                    <td aria-describedby="demo-1-col-2" aria-selected="false" role="gridcell" title="January 02, 2013" class="day-2 cell-2 cd-20130102 yyyymm-201301 mmdd-0102">2</td>
                    <td aria-describedby="demo-1-col-3" aria-selected="false" role="gridcell" title="January 03, 2013" class="day-3 cell-3 cd-20130103 yyyymm-201301 mmdd-0103">3</td>
                    <td aria-describedby="demo-1-col-4" aria-selected="false" role="gridcell" title="January 04, 2013" class="day-4 cell-4 cd-20130104 yyyymm-201301 mmdd-0104">4</td>
                    <td aria-describedby="demo-1-col-5" aria-selected="false" role="gridcell" title="January 05, 2013" class="day-5 cell-5 cd-20130105 yyyymm-201301 mmdd-0105 date-picker-highlight">5</td>
                    <td aria-describedby="demo-1-col-6" aria-selected="false" role="gridcell" title="January 06, 2013" class="day-6 cell-6 cd-20130106 yyyymm-201301 mmdd-0106 date-picker-highlight">6</td>
                </tr>
                <tr role="row">
                    <td aria-describedby="demo-1-col-0" aria-selected="false" role="gridcell" title="January 07, 2013" class="day-0 cell-7 cd-20130107 yyyymm-201301 mmdd-0107">7</td>
                    <td aria-describedby="demo-1-col-1" aria-selected="false" role="gridcell" title="January 08, 2013" class="day-1 cell-8 cd-20130108 yyyymm-201301 mmdd-0108">8</td>
                    <td aria-describedby="demo-1-col-2" aria-selected="false" role="gridcell" title="January 09, 2013" class="day-2 cell-9 cd-20130109 yyyymm-201301 mmdd-0109">9</td>
                    <td aria-describedby="demo-1-col-3" aria-selected="false" role="gridcell" title="January 10, 2013" class="day-3 cell-10 cd-20130110 yyyymm-201301 mmdd-0110">10</td>
                    <td aria-describedby="demo-1-col-4" aria-selected="false" role="gridcell" title="January 11, 2013" class="day-4 cell-11 cd-20130111 yyyymm-201301 mmdd-0111">11</td>
                    <td aria-describedby="demo-1-col-5" aria-selected="false" role="gridcell" title="January 12, 2013" id="demo-1-date-picker-hover" class="day-5 cell-12 cd-20130112 yyyymm-201301 mmdd-0112 date-picker-today date-picker-highlight date-picker-hover" tabindex="0">12</td>
                    <td aria-describedby="demo-1-col-6" aria-selected="false" role="gridcell" title="January 13, 2013" class="day-6 cell-13 cd-20130113 yyyymm-201301 mmdd-0113 date-picker-highlight">13</td>
                </tr>
                
                ... snip ...
                
            </tbody>
        </table>
    </div>
</div>

*/

/*
    Hide the datepickers associated input by using a className
*/
.fd-hidden-input
    {
    display:none;
    }
/*
    Screen reader class - used to hide spans inside each cell from the visual
    display. See: http://webaim.org/techniques/css/invisiblecontent/
*/
.fd-screen-reader
    {
    position:absolute;
    left:-999em;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    -moz-outline: 0 none;
         outline: 0 none;
    } 
/*
    The wrapper div
*/
.date-picker
    {
    position:absolute;
    z-index:9999;
    text-align:center;
    /* 
    Change the font-size to suit your needs. The following line is for the demo
    that has a 14px font-size defined on the body tag.

    All other rules are "em" based and inherit from the font-size set here.
    */
    font:900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
    background:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
         -o-user-select:none;
            user-select:none;
    /*
    Set the fade in/out animation time here. This is used for browsers that
    support CSS transitions. Non-supporting browsers receive the fade effect
    using a Javascript fallback.
    */
    opacity:1;
    -webkit-transition:opacity .75s ease-in-out;
       -moz-transition:opacity .75s ease-in-out;
        -ms-transition:opacity .75s ease-in-out;
         -o-transition:opacity .75s ease-in-out;
            transition:opacity .75s ease-in-out;
    }
.date-picker div
    {
    border:1px solid rgba(255, 255, 255, 0.8);
    border-radius:0.8em;
    }
/*
    The following rule is used whenever CSS Animations are supported by the
    browser
*/
.date-picker.fd-dp-fade
    {
    opacity:0;
    }
/*
    Styles for the static datePickers
*/
.static-datepicker
    {
    position:relative;
    top:5px;
    left:0;
    margin-bottom:1.5em;
    }
/*
    The iframe hack to cover selectlists in IE6
*/
.iehack
    {
    position:absolute;
    background:#fff;
    z-index:9998;
    padding:0;
    margin:0;
    border:0;
    display:none;
    }
/*
    The activation "button" created beside each input for popup datePickers
*/
.date-picker-control span
    {
    display:block;
    width:18px;
    height:18px;
    overflow:hidden;
    margin:auto 0;
    resize:none;
    outline:none;
    }
/*
    The hover effect on the activation button
*/
.date-picker-button-active span,
.date-picker-control:focus span,
.date-picker-control:hover span,
.date-picker-control:active span
    {
    outline:none;
    box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    border-radius:2px;
    }
/*
    A base64 encoded image-sprite is used for the activation button. IE6 and 7
    get fed "normal" png images within the rule that follows.
*/
.date-picker-control:link,
.date-picker-control:visited
    {
    position:relative;
    display: -moz-inline-box;
    border:0 none;
    padding:0;
    /*margin:0 4px;*/
    background-color:transparent;
    background-repeat:no-repeat;
    min-width:18px;
    line-height:1;
    cursor:pointer;
    visibility:visible;
    text-decoration:none;
    vertical-align:text-bottom;
    resize:none;
    }

/*
    If the datepicker has a valid date then use a different icon for the
    activation button to let the user know. It's a little detail but it's the
    little things in life etc
*/
.date-picker-dateval:link,
.date-picker-dateval:visited
    {
    background-position:0 -108px;
    }

/*
    Hover states etc for the activation button
*/
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
.date-picker-control:active
    {
    background-position:0 0;
    }
/*
    Disabled activation button
*/
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active
    {
    background-position:0 -36px;
    cursor:default;
    }
.date-picker-control-disabled:hover span,
.date-picker-control-disabled:active span
    {
    box-shadow:none !important;
    }
/*
    IE, older Safari & Opera. Seperate CSS rule seems to be required.
*/
.date-picker-control
    {
    display:inline-block;
    outline:none !important;
    }
/*
    Default datepicker "button" styles
*/
.date-picker th span
    {
    display:block;
    padding:0;
    margin:0;
    text-align:center;
    line-height:1em;
    border:0 none;
    background:transparent;
    font-weight:bold;
    cursor:pointer;
    }
/*
    The "month, year" display
*/
.date-picker .month-display,
.date-picker .year-display
    {
    display:inline;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:normal;
    /*font-size:1.2em;*/
    }
/*
    Generic button class for Next & Previous (both month & year) buttons
*/
.date-picker .prev-but,
.date-picker .next-but
    {
    font-weight:normal;
    font-size:2.4em;
    font-family: georgia, times new roman, palatino, times, bookman, serif;
    cursor:pointer;
    }
.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but
    {
    -webkit-transition:all .2s ease-in-out;
       -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
         -o-transition:all .2s ease-in-out;
            transition:all .2s ease-in-out;
    }
/*
    Hover effect for Next & Previous (month, year) buttons
*/
.date-picker .prev-but:hover,
.date-picker .next-but:hover,
.date-picker .today-but:hover
    {
    color:#a84444;
    }
.date-picker .prev-but:hover,
.date-picker .next-but:hover
    {
    /*
    Uncomment this if you want a scale effect
    
    -webkit-transform:scale(1.6);
       -moz-transform:scale(1.6);
        -ms-transform:scale(1.6);
         -o-transform:scale(1.6);
            transform:scale(1.6);
    
    text-shadow:0 2px 1px rgba(0,0,0,.4);
    */
    }
/*
    Today button
*/
.date-picker .today-but
    {
    text-align:center;
    margin:0 auto;
    font-weight:normal;
    font-size:1em;
    width:100%;
    text-decoration:none;
    padding-top:0.3em;
    text-transform:uppercase;
    vertical-align:middle;
    cursor:pointer
    }
/*
    Disabled buttons
*/ 
.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .today-but:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover
    {
    color:#aaa;
    cursor:default !important; 
    opacity:1;
    }
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover
    {
    /*
    Uncomment this if you have uncommented the "scale" rules above

    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
    text-shadow:0 -1px 1px rgba(255,255,255,.8);
    }
/*
    The gradient background image
*/
.date-picker table,
.date-picker td,
.date-picker tbody th,
.date-picker .day-disabled,
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out 
    {
    background-color:#fff;
    background-repeat:repeat-x;
    background-position:0 0;
    }
.date-picker table
    {
    table-layout:auto;
    empty-cells:show;
    border-spacing:2px;
    border-collapse:separate;
    position:relative;
    margin:0;
    padding:0;
    border:1px solid #ccc;
    text-align:center;
    padding:0.3em;
    width:auto;
    height:auto;
    color:#555;
    font-size:1em;
    border-radius:0.8em;
    box-shadow:0px 0px 5px #aaa;
    }
/*
    Create a "Lifted Corners" effect on the table. Ripped straight from @necolas
    http://nicolasgallagher.com/css-drop-shadows-without-images/
*/
.date-picker:before,
.date-picker:after
    {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:17px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
    }
.date-picker:after
    {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
    }
/* 
    Common TD & TH styling
*/
.date-picker td,
.date-picker tbody th
    {
    padding:0;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:14%;
    height:30px;
    overflow:hidden;
    outline:transparent none 0px;
    border:1px solid #cfcfcf;
    text-transform:none;
    font-weight:normal;
    text-shadow:0 1px #fff;
    border-radius:3px;
    }
.date-picker th
    {
    border:0 none;
    padding:0;
    font-weight:bold;
    color:#333;
    text-align:center;
    vertical-align:middle;
    text-transform:none;
    }
.date-picker .date-picker-week-header
    {
    border:1px solid #dcdcdc;
    font-style:oblique;
    background:transparent;
    cursor:default;
    }
.date-picker .date-picker-thead .date-picker-week-header
    {
    border:0 none;
    cursor:help;
    }
/*
    The "mon tue wed etc" day header styles 
*/
.date-picker .date-picker-day-header
    {
	width: 14.285%;
    min-width:30px;
    cursor:help;
    border:0 none;
    padding:0 0 0.2em 0;
    text-transform:lowercase;
    height:auto;
    }
	
/* 
    tfoot status bar 
*/
.date-picker .date-picker-statusbar
    {
    cursor:default;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:0.1em;
    border:0 none;
    background:#fff;
    height:2.8em;
    }
/* 
    TD cell that is _not_ used to display a day of the month 
*/
.date-picker .date-picker-unused
    {
    border-color:#dcdcdc;          
    cursor:default !important;
    background-position:0 -25px;
    }
/* 
    The TH cell used to display the "month, year" title 
*/
.date-picker .date-picker-title
    {
    width:auto;
    height:auto;
    padding:0.4em 0;
    }
/* 
    The "todays date" cell style 
*/
.date-picker .date-picker-today
    {
    background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0;
    }
.date-picker .month-out.date-picker-highlight 
    {
    color:#b87676;
    }
/* 
    The "highlight days" style 
*/
.date-picker .date-picker-highlight
    {
    color:#a86666;
    }
/* 
    The "active cursor" style 
*/
.date-picker td
    {
    /*
    
    Uncomment this if you want a transition on the cursor cells scale effect
    
    -webkit-transition: all .2s ease;    
       -moz-transition: all .2s ease;    
        -ms-transition: all .2s ease;    
         -o-transition: all .2s ease;    
            transition: all .2s ease;    
    */
    }
/*
    Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when 
    scaling TD cells so commented out until I find a curious CSS based fix.
    Opera no longer appears to apply the scale... ho hum...
*/
.date-picker-focus .date-picker-hover
    {
    /*
    -webkit-transform:scale(1.25);
    */
       -moz-transform:scale(1.25);
        -ms-transform:scale(1.25);
         -o-transform:scale(1.25);
            transform:scale(1.25);
    }

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover
    {
    background:#fff url(data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAIwIIAwERAAIRAQMRAf/EAHgAAQEBAQEBAAAAAAAAAAAAAAABBAMCCQEBAQEBAQEAAAAAAAAAAAAAAAECAwQFEAABAQgBAwMFAQEBAAAAAAAAEwFh0QIDkwQVVDFBgSFRBRFxkaGyczVEEQEAAgMBAAIDAQAAAAAAAAAAARFRAhITMQMhcTIi/9oADAMBAAIRAxEAPwD6R53yGZJm5EkmRUlZLUnYxjKkzGMYyZvb6npiIp8f7Ps26n8z8uOzzuTUuTRNcwx6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNnncmpcmiOYPTbMmyzuTUuTRHMHptmTZ5vJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZvJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzmf+mpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmzzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZ53JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZZvkqv0+RymfXpVqf201rH4hj7Z/3P7Z1XlpzsWeKLFWiixV4osVeKLFniixZ4osV9miixZ4osWeKLFXiixUUWKvFFioosWeKLFXiixZ4osVaKLFniixZ4osWeKLFWiixUUWKiixV4osWeKLFvXqKLFWiixb06iixZ4osWeKLFniixVoosVFFioosWeKLFniixV4osVeKLFniixZ4osWeKLFXiixUUWKvFFioosWeKLFniixUUWLPFFizxRYq0UWKiixUUWLPFFizxRYs8UWKvFFioosWeKLFXiixZ4osVaKLFXii3n5Wp9PlMxntWq/20a/EL9v9z+5ZWVTTnYq8FirPcFivqCxV4LFXgsVBYo/9gsVBYqCxV4LFQWK+nUFirwWKgFXgsVBYq8FioLFQWKgsVZ7gsVeCxUFirwCoLFX/ALBYqCxUFioLFfUFirwWKs9wWKgsVeCxV4LFQWKv/YLFQWKvBYqAVBYq8FioLFfTqCxV4LFQCr/2CxUFivqCxV4LFWe4LFQWKvBYq8FjaoLFQWKvBYr3+oLFQDKoLFXgsVZ7gsV9QW7fLf8AWzf96v8AbSa/EN/b/c/uWQ05J5AM69QHdoDyBfIACAXsBAHkAzoA7dQHkCsIIUPIBgFYAaBADfuAb0AoEZ9wKBAAAAzqBWgQA37gX2AnkB5AoE8+QKzuBG+AKQQoeQDOgDt1AeQKAAgFaBADfuBfYCeQHkCt6AQA37gOwFIBRPIBnXqA7tA2fLf9bN/3q/20zr8Q6fb/AHP7lkNOQwgFAgNAAOwAB2KJ+AKQOxQIAAIn4KqkAoAAJ+AK0gAADAHcAA7tKAAA0AAIAD2AM6AAABncojfAFAn4ApA7FAgAAAD2KDQAAgAPYAzoAaUAHYgdigRAqjCAUCD/2Q==) no-repeat 0 0;
    cursor:pointer;
    border-color:rgb(100,130,170) !important;
    border-color:rgba(100,130,170,.7) !important;
    color:rgb(100,130,170); 
    text-shadow: 0px 1px 1px #fff;        
    box-shadow:0 0 6px rgba(100,130,170,.6);
    background-size:cover;
    }
/* 
    The "disabled days" style 
*/
.date-picker .day-disabled
    {          
    color:#888;
    cursor:default;
    text-decoration:line-through;
    background-position:0 -15px;
    } 
.date-picker .month-out 
    {
    border-color:#ddd;
    border-color:rgba(220,220,220,0.8);
    color:#aaa;
    background-position:0 -25px;
    } 
/* 
    The "selected date" style - color changed below also 
*/
.date-picker .date-picker-selected-date
    {
    border-color:#888 !important;
    border-color:rgba(7,7,7,.6) !important;
    }
/* 
    The date "out of range" style 
*/
.date-picker .out-of-range,
.date-picker .not-selectable
    {           
    color:#ccc;
    font-style:oblique;
    background:#fcfcfc;
    cursor:default;              
    } 
/* 
    Week number "out of range" && "month-out" styles 
*/
.date-picker th.month-out,
.date-picker th.out-of-range
    {
    color:#aaa;
    font-style:oblique;
    background:#fcfcfc;          
    }
/* 
    Week numbers "out of range" 
*/
.date-picker .out-of-range
    {
    opacity:0.6;
    }  
/* 
    Used when the entire grid is full but the next/prev months dates cannot be 
    selected 
*/
.date-picker .not-selectable
    {         
    opacity:0.8;
    }
.date-picker tr
    {
    display:table-row;
    }
.date-picker sup
    {
    font-size:0.86em;
    letter-spacing:normal;
    text-transform:none;
    height: 0;
	line-height: 1;
	position: relative;
	top:-0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
    }
.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display
    {            
    text-shadow: 0px 1px 1px #fff;
    }
.date-picker .month-display,
.date-picker .year-display
    {            
    cursor:default;                            
    }
.date-picker td:focus,
.date-picker .date-picker-hover 
    {
    overflow:hidden;
	-moz-outline:0 none;
         outline:0 none;        
	-o-highlight:0 none;
    }
/* 
    The "pulse" animation on focused button and datepicker cursor
*/
.date-picker-focus .date-picker-hover,
.date-picker-control:focus span
    {
    -webkit-animation:fd-dp-pulse 1.5s infinite alternate;
       -moz-animation:fd-dp-pulse 1.5s infinite alternate;
        -ms-animation:fd-dp-pulse 1.5s infinite alternate;
         -o-animation:fd-dp-pulse 1.5s infinite alternate;
    }
/* 
    The "selected date" style 
*/
.date-picker .date-picker-selected-date
    {
    color:#333;
    color:rgba(3,3,3,.8);
    font-weight:bold;
    font-size:1.2em;
    width:2.4em;
    height:2.4em;
    }
/*
    Remove the box-shadow & lifted corner effect for the inline datepickers
*/
.static-datepicker table
    {
    box-shadow:0 0 0 transparent;
    }
.static-datepicker:before,
.static-datepicker:after
    {
    display:none;
    }
/*
    Add a box-shadow and enhance border for datepickers that have keyboard focus
*/
.date-picker-focus table
    {
    border-color:#999;
    border-color:rgba(153,153,153,.8);
    box-shadow:0px 0px 5px #aaa;
    }
/* 
    Draggable datepickers 
*/
.date-picker .drag-enabled,
.date-picker .drag-enabled span
    {
    cursor:move;
    }    
/* 
    Disabled datePicker 
*/
.date-picker-disabled table
    {
    opacity:.8 !important;
    }
.date-picker-disabled table:before,
.date-picker-disabled table:after
    {
    display:none;
    }
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span
    {
    cursor:default !important;          
    }
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover
    {
    /*    
    Uncomment this if you have used the previous scale rules previously
    declared within the file (for the prev-but and next-but classes)
    
    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
    text-shadow:none;
    }
body.fd-drag-active 
    {
    -webkit-touch-callout:none; 
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;     
    }
/* 
    Glow effect for the focused (keyboard active) cursor cell and popup
    datepickers activation button 
*/
@-webkit-keyframes fd-dp-pulse {
    from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)}
    to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)}
}
@-moz-keyframes fd-dp-pulse {
    from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)}
    to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)}
}
@-ms-keyframes fd-dp-pulse {
    from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)}
    to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)}
}
@-o-keyframes fd-dp-pulse {
    from{box-shadow:0 0 2px rgba(100, 130, 170, 0.8)}
    to{box-shadow:0 0 6px rgba(10, 130, 170, 0.5)}
}

table.date-picker-table
{
	table-layout: fixed;
	width:100%;
	display:block; /* @EAB */
}

.date-picker
{
	width:initial!important;
	height:initial!important;
	/* @EAB */
	margin-top: 2rem;
    margin-left: -10rem;
}

.date-picker button
{
	background: #fff;
    border: none;
}

.panel.funciones button.month-display,
.panel.funciones button.year-display
{
	background:none!important;	
}

.date-picker td button,
.date-picker th button
{
    font-size:12px;
}

.date-picker th button.month-display,
.date-picker th button.year-display
{
    font-size:18px;
}

@charset "utf-8";
/* CSS Document */

button.mensajes
{
	background:none;
	border:none;
	color:white;
}

div.divisor_encabezado
{
	position:fixed;	
	z-index:20;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:0;
}

div.divisor_encabezado div.pestana_mensajes
{
	position:absolute;
	top:0;
	border-top:#746f71 6px solid;
	display:none;
	height:100%;
	width:100%;
	overflow-y:auto;
	margin:0;
}

a#abrir-ventana-mensajes
{
	font-size:12px;
	text-decoration:none;
	color:white;
	font-weight:bold;
}

a#abrir-ventana-mensajes:hover
{
	text-decoration:underline;
}

div.divisor_encabezado div.mensajes
{
	background:#746f71;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;	
	padding:20px;
	box-shadow:0px 5px 3px #333333;
	color:white;
}

div.divisor_encabezado div.boton
{
	position:relative;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px;
	width:180px;	
	background:#746f71;
	height:20px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	box-shadow:0px 5px 3px #333333;
}

div.divisor_encabezado div.pestana_mensajes div.espacio
{
	height:5px;
}

div.divisor_encabezado div.boton span.cerrado
{	
	margin-top:1px;
	margin-left:15px;
	display:block;
	width:16px;
	height:16px;
	float:left;
	background:url(../imagenes/btncerrar.png);
	margin-right:4px;
}

div.divisor_encabezado div.boton span.abierto
{	
	margin-top:1px;
	margin-left:15px;
	display:block;
	width:16px;
	height:16px;
	float:left;
	background:url(../imagenes/btncerrar_a.png);
	margin-right:4px;
}

div.divisor_encabezado div.boton .mensajes
{
	color:white;
	text-decoration:none;
}

div.divisor_encabezado div.boton .mensajes:hover
{
	text-decoration:underline;
}

div.divisor_encabezado div.boton .mensajes:hover span.imagen
{	
	background-position:-16px, 0;
}
/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.bootstrap-wrapper {
  /**
 * Bootstrap overrides
 */
}

.bootstrap-wrapper .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.bootstrap-wrapper .visible {
  visibility: visible !important;
}

.bootstrap-wrapper .invisible {
  visibility: hidden !important;
}

.bootstrap-wrapper .hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .bootstrap-wrapper .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .bootstrap-wrapper .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .bootstrap-wrapper .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .bootstrap-wrapper .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .bootstrap-wrapper .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .hidden-xl-up {
    display: none !important;
  }
}

.bootstrap-wrapper .hidden-xl-down {
  display: none !important;
}

.bootstrap-wrapper .visible-print-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-block {
    display: block !important;
  }
}

.bootstrap-wrapper .visible-print-inline {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline {
    display: inline !important;
  }
}

.bootstrap-wrapper .visible-print-inline-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .bootstrap-wrapper .hidden-print {
    display: none !important;
  }
}

.bootstrap-wrapper .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bootstrap-wrapper .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .container {
    max-width: 1140px;
  }
}

.bootstrap-wrapper .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bootstrap-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bootstrap-wrapper .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.bootstrap-wrapper .no-gutters > .col,
.bootstrap-wrapper .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap-wrapper .col-1, .bootstrap-wrapper .col-2, .bootstrap-wrapper .col-3, .bootstrap-wrapper .col-4, .bootstrap-wrapper .col-5, .bootstrap-wrapper .col-6, .bootstrap-wrapper .col-7, .bootstrap-wrapper .col-8, .bootstrap-wrapper .col-9, .bootstrap-wrapper .col-10, .bootstrap-wrapper .col-11, .bootstrap-wrapper .col-12, .bootstrap-wrapper .col,
.bootstrap-wrapper .col-auto, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-sm,
.bootstrap-wrapper .col-sm-auto, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-md,
.bootstrap-wrapper .col-md-auto, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-lg-12, .bootstrap-wrapper .col-lg,
.bootstrap-wrapper .col-lg-auto, .bootstrap-wrapper .col-xl-1, .bootstrap-wrapper .col-xl-2, .bootstrap-wrapper .col-xl-3, .bootstrap-wrapper .col-xl-4, .bootstrap-wrapper .col-xl-5, .bootstrap-wrapper .col-xl-6, .bootstrap-wrapper .col-xl-7, .bootstrap-wrapper .col-xl-8, .bootstrap-wrapper .col-xl-9, .bootstrap-wrapper .col-xl-10, .bootstrap-wrapper .col-xl-11, .bootstrap-wrapper .col-xl-12, .bootstrap-wrapper .col-xl,
.bootstrap-wrapper .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.bootstrap-wrapper .col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.bootstrap-wrapper .col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.bootstrap-wrapper .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.bootstrap-wrapper .order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

.bootstrap-wrapper .order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.bootstrap-wrapper .order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.bootstrap-wrapper .order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.bootstrap-wrapper .order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.bootstrap-wrapper .order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.bootstrap-wrapper .order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.bootstrap-wrapper .order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.bootstrap-wrapper .order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.bootstrap-wrapper .order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.bootstrap-wrapper .order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.bootstrap-wrapper .order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.bootstrap-wrapper .order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.bootstrap-wrapper .order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.bootstrap-wrapper .offset-1 {
  margin-left: 8.3333333333%;
}

.bootstrap-wrapper .offset-2 {
  margin-left: 16.6666666667%;
}

.bootstrap-wrapper .offset-3 {
  margin-left: 25%;
}

.bootstrap-wrapper .offset-4 {
  margin-left: 33.3333333333%;
}

.bootstrap-wrapper .offset-5 {
  margin-left: 41.6666666667%;
}

.bootstrap-wrapper .offset-6 {
  margin-left: 50%;
}

.bootstrap-wrapper .offset-7 {
  margin-left: 58.3333333333%;
}

.bootstrap-wrapper .offset-8 {
  margin-left: 66.6666666667%;
}

.bootstrap-wrapper .offset-9 {
  margin-left: 75%;
}

.bootstrap-wrapper .offset-10 {
  margin-left: 83.3333333333%;
}

.bootstrap-wrapper .offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
	
	.bootstrap-wrapper .col-1 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 8.3333333333%;
		  -ms-flex: 0 0 8.3333333333%;
			  flex: 0 0 8.3333333333%;
	  max-width: 8.3333333333%;
	}

	.bootstrap-wrapper .col-2 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 16.6666666667%;
		  -ms-flex: 0 0 16.6666666667%;
			  flex: 0 0 16.6666666667%;
	  max-width: 16.6666666667%;
	}

	.bootstrap-wrapper .col-3 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 25%;
		  -ms-flex: 0 0 25%;
			  flex: 0 0 25%;
	  max-width: 25%;
	}

	.bootstrap-wrapper .col-4 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 33.3333333333%;
		  -ms-flex: 0 0 33.3333333333%;
			  flex: 0 0 33.3333333333%;
	  max-width: 33.3333333333%;
	}

	.bootstrap-wrapper .col-5 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 41.6666666667%;
		  -ms-flex: 0 0 41.6666666667%;
			  flex: 0 0 41.6666666667%;
	  max-width: 41.6666666667%;
	}

	.bootstrap-wrapper .col-6 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 50%;
		  -ms-flex: 0 0 50%;
			  flex: 0 0 50%;
	  max-width: 50%;
	}

	.bootstrap-wrapper .col-7 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 58.3333333333%;
		  -ms-flex: 0 0 58.3333333333%;
			  flex: 0 0 58.3333333333%;
	  max-width: 58.3333333333%;
	}

	.bootstrap-wrapper .col-8 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 66.6666666667%;
		  -ms-flex: 0 0 66.6666666667%;
			  flex: 0 0 66.6666666667%;
	  max-width: 66.6666666667%;
	}

	.bootstrap-wrapper .col-9 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 75%;
		  -ms-flex: 0 0 75%;
			  flex: 0 0 75%;
	  max-width: 75%;
	}

	.bootstrap-wrapper .col-10 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 83.3333333333%;
		  -ms-flex: 0 0 83.3333333333%;
			  flex: 0 0 83.3333333333%;
	  max-width: 83.3333333333%;
	}

	.bootstrap-wrapper .col-11 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 91.6666666667%;
		  -ms-flex: 0 0 91.6666666667%;
			  flex: 0 0 91.6666666667%;
	  max-width: 91.6666666667%;
	}

	.bootstrap-wrapper .col-12 {
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 100%;
		  -ms-flex: 0 0 100%;
			  flex: 0 0 100%;
	  max-width: 100%;
	}
	
  .bootstrap-wrapper .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-sm-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-md-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-md-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-md-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-md-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-lg-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-xl-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.bootstrap-wrapper .img-fluid {
  max-width: 100%;
  height: auto;
}

@charset "utf-8";
/* CSS Document */
body.noticias .fechanota,
body.galerias .fechanota,
body.videos .fechanota,
body.audios .fechanota,
body.documentos .fechanota,
body.multimedios .fechanota,
body.inicio .fechanota,
.sobre.titulares .fechanota,
body.noticias .ribete,
body.galerias .ribete,
body.videos .ribete,
body.audios .ribete,
body.documentos .ribete,
body.multimedios .ribete,
body.inicio .ribete,
.sobre.titulares .ribete {
  color: #fff;
  background: #114e8f;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'TruenoLt', arial;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 0.625rem 0 0.625rem;
  margin: 0 0 0.625rem 0;
}
body.noticias .detalle,
body.galerias .detalle,
body.videos .detalle,
body.audios .detalle,
body.documentos .detalle,
body.multimedios .detalle,
body.inicio .detalle,
.sobre.titulares .detalle {
  font-size: 1rem;
}
body.noticias .listado .sub,
body.noticias .listado .autores,
body.noticias .listado .etiquetas {
  display: none;
}
body.inicio #pos-BANNER_ARRIBA > .grid-frame:first-child > .grid-container > .grid-cell:nth-child(2) {
  overflow: visible;
}
body.multimedios .contenedor-imagen-banner.prescindirfondo .fondo,
body.multimedios .contenedor-imagen-banner.sencillo .fondo {
  display: none;
}
body.multimedios .imec.lista.listado .entrada .tarjeta {
  display: block;
}
body.multimedios .imec.lista.listado .entrada .tarjeta .imagen {
  width: 100%;
  height: auto;
}
body.multimedios .imec.lista.listado .entrada .tarjeta .imagen .ico {
  min-height: initial;
  line-height: initial;
}
body.multimedios .imec.lista.listado .entrada .tarjeta .texto {
  display: block;
}
body.multimedios .franja.horizontal .imec.lista.listado .entrada {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
body.multimedios .franja.horizontal .imec.lista.listado .entrada .tarjeta .detalle {
  display: none;
}
body.multimedios .franja.horizontal .imec.lista.listado .entrada .tarjeta .imagen {
  width: 12.5rem;
  height: 8.3125rem;
}
body.multimedios .franja.horizontal .imec.lista.listado .entrada .tarjeta .imagen .ico {
  line-height: 7.3125rem;
  min-height: 13rem;
}
body.multimedios .franja.horizontal .imec.lista.listado .entrada .tarjeta .texto {
  display: table-cell;
}
.franja.horizontal .listado.multimedios {
  width: 25%;
  padding-top: 1.25rem;
}
.franja.horizontal .listado.multimedios ul.multimedios {
  margin: 0;
  padding: 0;
}
.destaque.agenda h2,
.destaque .enlaces-destacados h2 {
  min-height: 3.75rem;
}
#marco-principal.estudiantes .franja.horizontal .listado .entrada,
#marco-principal.egresados .franja.horizontal .listado .entrada,
#marco-principal.funcionarios .franja.horizontal .listado .entrada {
  width: 50%;
}
#marco-principal.estudiantes .franja.horizontal .listado.multimedios,
#marco-principal.egresados .franja.horizontal .listado.multimedios,
#marco-principal.funcionarios .franja.horizontal .listado.multimedios {
  width: 100%;
}
.inicio .noticias .franja .listado .entrada,
.inicio .multimedios .franja > .marco {
  padding: 2.5rem 1.25rem 2.5rem 1.25rem;
  height: 32.5rem;
}
.franja.horizontal .listado.multimedios ul li {
  width: 100%;
  padding: 1.25rem 1.25rem 5rem 1.25rem;
  height: 32.5rem;
}
.portada.estudiantes .destaque.absoluto .marco,
.portada.funcionarios .destaque.absoluto .marco {
  max-width: 84.5rem;
}
.portada.estudiantes .franja.horizontal .listado,
.portada.egresados .franja.horizontal .listado,
.portada.funcionarios .franja.horizontal .listado {
  width: 100%;
}
.portada.estudiantes .franja.horizontal .listado.multimedios ul li,
.portada.egresados .franja.horizontal .listado.multimedios ul li,
.portada.funcionarios .franja.horizontal .listado.multimedios ul li {
  width: 50%;
}
.portada.estudiantes .franja.horizontal .listado .entrada,
.portada.estudiantes .franja.horizontal .listado.multimedios ul li,
.portada.egresados .franja.horizontal .listado .entrada,
.portada.egresados .franja.horizontal .listado.multimedios ul li,
.portada.funcionarios .franja.horizontal .listado .entrada,
.portada.funcionarios .franja.horizontal .listado.multimedios ul li {
  height: 35.625rem;
}
.portada #globo-busqueda.panel.funciones:not(.activo) {
  position: absolute;
  z-index: 11;
  overflow: hidden;
  visibility: hidden;
  width: 100vw;
  max-width: 100vw;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.portada #globo-busqueda.panel.funciones:not(.activo) * {
  visibility: hidden;
}
.portada #globo-busqueda.panel.funciones:not(.activo) #entrada-busqueda,
.portada #globo-busqueda.panel.funciones:not(.activo) #boton-buscar {
  position: absolute;
  visibility: visible;
  top: 1.0625rem;
}
.portada #globo-busqueda.panel.funciones:not(.activo) .frente {
  padding: 0;
}
.portada #globo-busqueda.panel.funciones:not(.activo) .frente #buscar_global {
  position: relative;
  overflow-y: scroll;
  height: 5rem;
  margin-top: 10.4rem;
}
.portada #globo-busqueda.panel.funciones:not(.activo) #boton-buscar {
  right: 0;
  width: 2.5rem;
  color: #fff;
}
.portada #globo-busqueda.panel.funciones:not(.activo) #boton-buscar:hover,
.portada #globo-busqueda.panel.funciones:not(.activo) #boton-buscar.activo {
  color: #0fa6df;
}
.portada #globo-busqueda.panel.funciones:not(.activo) :hover,
.portada #globo-busqueda.panel.funciones:not(.activo) .activo {
  color: #0fa6df;
}
.portada #globo-busqueda.panel.funciones:not(.activo) #boton-buscar:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  background: #282828;
  z-index: -1;
}
.portada #globo-busqueda.panel.funciones:not(.activo) #entrada-busqueda {
  background: #fff;
  color: #4d4d4d;
  width: 10rem;
  right: 2.5rem;
}
.portada #globo-busqueda.panel.funciones:not(.activo) .filtros {
  position: absolute;
  width: 12.5rem;
  margin: 0;
  right: 0;
}
#marco-principal.portada .grid-container > .grid-cell:first-child.texto-editable.cspan12 {
  position: relative;
  overflow-y: scroll;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado {
  position: absolute;
  right: 0;
  z-index: 6;
  top: 12.5rem;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces {
  padding: 0 0.625rem 0 0.625rem;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
  display: block;
  padding: 0;
  width: 12.5rem;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li {
  width: 12.5rem;
  height: 2.375rem;
  line-height: 2.375rem;
  margin: 0.3125rem 0 0.3125rem 0;
  display: block;
  color: #fff;
  position: relative;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li .imagen {
  display: inline-block;
  width: 1.7rem;
  position: absolute;
  left: 1rem;
  top: 0.3rem;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li:hover,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.activo {
  background: #282828;
  color: #0fa6df;
  cursor: pointer;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li:hover a,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li:hover span {
  color: #0fa6df;
  cursor: pointer;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li:last-child {
  border-right: none;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li a,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li span {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  display: inline;
  vertical-align: top;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li a:hover a:hover span {
  color: #0fa6df;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.alumni a,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.alumni span {
  color: #fed14a;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.alumni a:hover,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.alumni a:hover span {
  color: #0fa6df;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.transparencia a,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.transparencia span {
  color: #0fa6df;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.transparencia a:hover,
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.transparencia a:hover span {
  color: #fff;
}
#marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li.activo {
  background: #081b33;
}
.contenedor-menu-perfiles ul.enlaces li:before,
.destaque.portada .barra ul li:after,
.barra.redes-sociales ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.85;
  width: 100%;
  height: 100%;
  background: #282828;
  z-index: -1;
}
body#marco-principal.portada.estudiantes .contenedor-menu-perfiles ul.enlaces li:before,
body#marco-principal.portada.estudiantes .destaque.portada .barra ul li:after,
body#marco-principal.portada.estudiantes .barra.redes-sociales ul li:after,
body#marco-principal.portada.funcionarios .contenedor-menu-perfiles ul.enlaces li:before,
body#marco-principal.portada.funcionarios .destaque.portada .barra ul li:after,
body#marco-principal.portada.funcionarios .barra.redes-sociales ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  background: #282828;
  z-index: -1;
}
.destaque#marco-principal.portada .noticias.secundarias .panel.principal {
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 1.0625rem;
}
.destaque#marco-principal.portada .noticias.secundarias .imagen.destacada.portada,
.destaque#marco-principal.portada .paneles.pestana.multimedios .imagen {
  width: 13.3125rem;
  height: 9.25rem;
}
/*****************/
.enlaces-destacados h2 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
}
.panel.enlaces-destacados {
  background: #004972;
  color: #fff;
}
.panel.enlaces-destacados .cuerpo {
  padding-top: 2.5rem;
}
.panel.enlaces-destacados nav {
  margin: 0 auto;
  width: 90%;
  max-width: 50.375rem;
}
.panel.enlaces-destacados nav > ul > li {
  display: block;
  color: #fff;
  font-weight: bold;
}
.panel.enlaces-destacados nav > ul > li > button,
.panel.enlaces-destacados nav > ul > li > a {
  margin: 0.25rem 0 0.25rem 0;
  width: 15.1875rem;
  height: 2.8125rem;
  text-transform: uppercase;
  background: #0fa6df;
  border: 3px solid transparent;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 1.0625rem;
}
.panel.enlaces-destacados nav > ul > li > button.activo,
.panel.enlaces-destacados nav > ul > li > a.activo,
.panel.enlaces-destacados nav > ul > li > button:hover,
.panel.enlaces-destacados nav > ul > li > a:hover {
  background: 0;
  border: 1px solid #0fa6df;
  color: #0fa6df;
}
.panel.enlaces-destacados nav > ul > li.padre.texto .contenedor {
  display: none;
}
.panel.enlaces-destacados nav > ul > li div.enlaces {
  left: 18.75rem;
  width: 37.5rem;
  max-width: 40vw;
  position: absolute;
  top: 0;
  color: #5d5d5d;
}
.panel.enlaces-destacados nav > ul > li div.enlaces > ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
}
.panel.enlaces-destacados nav > ul > li div.enlaces > ul > li {
  background: none;
  display: block;
}
.panel.enlaces-destacados nav > ul > li div.enlaces > ul > li a,
.panel.enlaces-destacados nav > ul > li div.enlaces > ul > li span.texto {
  border: 0;
  border-bottom: 1px solid #fff;
  background: 0;
  font-family: 'TruenoLt';
  color: #fff;
  width: 100%;
  display: block;
  min-height: 2.5rem;
  line-height: 2.5rem;
  text-align: left;
}
.enlaces-destacados.abajo .columna-en-fila > nav ul {
  position: relative;
}
.enlaces-destacados.abajo ul li {
  display: inline-block;
}
.enlaces-destacados.abajo ul li {
  display: block;
}
.enlaces-destacados.abajo ul li .globo {
  position: absolute;
  top: 0;
  left: 18.75rem;
  width: 37.5rem;
}
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > a,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > span,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > button {
  background: #0fa6df;
}
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > a.activo,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > span.activo,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > button.activo,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > a:hover,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > span:hover,
#marco-principal.portada .enlaces-destacados nav ul.panel > li.azul > button:hover {
  background: none;
  border: 1px solid #0fa6df;
  color: #0fa6df;
}
#marco-principal.portada ul.panel li.azul .globo li {
  background: none;
}
#marco-principal.portada ul.panel li.azul .globo a.menu,
#marco-principal.portada ul.panel li.azul .globo span.menu,
#marco-principal.portada ul.panel li.azul .globo button.menu {
  border: none;
  border-bottom: 1px solid #fff;
  background: none;
  font-family: 'TruenoLt', arial;
  color: #fff;
  width: 100%;
  display: block;
}
ul.panel li.azul .globo a.menu,
ul.panel li.azul .globo span.menu,
ul.panel li.azul .globo button.menu {
  width: 37.5rem;
  min-height: 2.5rem;
  line-height: 2.5rem;
}
#marco-principal.portada ul.panel li.azul .globo a:hover,
#marco-principal.portada ul.panel li.azul .globo span:hover,
#marco-principal.portada ul.panel li.azul .globo button:hover {
  color: #0fa6df;
  border-bottom: 1px solid #fff;
}
.portada #multimedios .enlaces {
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
li.enlaces-destacados {
  text-align: center;
  width: 100%;
  padding: 2.1875rem 0.875rem 2.1875rem 0.875rem;
}
.enlaces-destacados .globo {
  color: #5d5d5d;
}
li.enlaces-destacados:last-child {
  background: none;
}
li.enlaces-destacados a,
li.enlaces-destacados span {
  color: #666666;
  font-size: 1.5rem;
}
.portada .destaque-actividades ul li {
  text-align: center;
  display: block;
  width: 100%;
  width: 15.1875rem;
  height: 5.625rem;
}
.portada .destaque-actividades a {
  text-align: center;
  font-size: 1.4375rem;
}
.portada .actividades.recientes.seccion {
  background: #323232;
  text-align: center;
}
.portada .actividades.recientes.seccion .franja.horizontal {
  background: #323232;
}
.portada .actividades.recientes.seccion .franja.horizontal .actividades.recientes {
  width: 100vw;
  /*overflow: hidden;*/
}
.portada .actividades.recientes.seccion:not(.pizarra) .franja.horizontal .cuerpo {
  padding-top: 2.5rem;
  max-height: 16.7vw;
}
.portada .actividades.recientes.seccion.pizarra .franja.horizontal .cuerpo {
  max-height: 16.7vw;
}
.portada .actividades.recientes.seccion.pizarra .franja.horizontal .cuerpo .front img {
  max-height: 16.7vw;
  object-fit: contain;
}
#pie-pagina .bloque .entrada {
  padding-top: 1.25rem;
}
.anuncios {
  overflow: hidden;
  width: 100%;
}
.anuncios .panel ul {
  overflow: hidden;
  width: 100%;
}
.anuncios .panel ul li {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.anuncios .panel ul li:last-child {
  border-bottom: none;
}
.anuncios .panel ul li.enlaces-destacados a {
  height: 7.6875rem;
}
.anuncios .panel ul li .izquierdo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  width: 4.625rem;
  height: 7.6875rem;
}
.anuncios .panel ul li .izquierdo .imagen,
.anuncios .panel ul li .izquierdo .marco {
  background-position: -3.4375rem 0;
  background-size: 11.75rem 7.6875rem;
}
.anuncios .panel ul li .izquierdo img {
  width: 4.625rem;
  height: 7.6875rem;
}
.anuncios .panel ul li .derecho {
  width: 10.5rem;
  height: 7.6875rem;
  padding: 0.25rem;
  font-size: 0.875rem;
}
.anuncios .panel.galerias ul li {
  width: 100%;
}
.anuncios .panel.galerias ul li + li .izquierdo {
  width: 7.9375rem;
}
.anuncios .panel.galerias ul li .izquierdo {
  width: 7.6875rem;
  height: 9.375rem;
}
.anuncios .panel.galerias ul li .izquierdo:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.anuncios .panel.galerias ul li .izquierdo a,
.anuncios .panel.galerias ul li .izquierdo span {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  color: black;
  border: 0.625rem solid transparent;
}
.anuncios .panel.galerias ul li .derecho {
  padding: 0;
  position: relative;
  width: 7.1875rem;
  height: 9.375rem;
}
.anuncios .panel.galerias ul li .derecho .imagen,
.anuncios .panel.galerias ul li .derecho .marco {
  background-position: -3.4375rem 0;
  background-size: 15.625rem 9.375rem;
}
.anuncios .panel.galerias ul li.audio .izquierdo {
  width: 100%;
  height: 4.3125rem;
  padding-right: 2.1875rem;
}
/*
.ico:before
{
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:50%;	
	left:50%;
	opacity:0.5;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-repeat:no-repeat;
	background-size:100% 100%;
}*/
.multimedios .imagen .ico:before {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #fff;
  text-shadow: 0px 1px 3px #000000;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.875rem;
  margin: auto 0.625rem 0.625rem auto;
}
#marco-principal.multimedios div.galeria {
  padding: 0.625rem;
  margin: 0.625rem 0 0.625rem 0;
  min-height: 34.0625rem;
}
#marco-principal.multimedios .portada div.galeria {
  margin: 3.75rem 0 0 0;
}
.portada .panel.galerias ul li {
  border: 1px solid #E6E6E6;
}
.portada .panel.galerias h4 {
  margin-top: 0.625rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}
.portada .panel.galerias h4 a {
  font-size: 0.875rem;
}
h2.de-interes,
div.interno h2.de-interes,
.portada div.interno h2.de-interes {
  margin: 0;
  padding: 0;
  margin: 0 0 1.25rem 0;
  font-size: 1.125rem;
  line-height: 1.125rem;
  border-bottom: 0.1875rem solid #323232;
}
h2.de-interes span {
  background: #323232;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-family: 'TruenoLt', arial;
  padding: 0.375rem;
}
.franja.azul h2.de-interes span {
  background: #fff;
  color: #004972;
}
.franja.azul h2.de-interes,
.franja.azul div.interno h2.de-interes,
.franja.azul .portada div.interno h2.de-interes {
  border-bottom: 0.1875rem solid #fff;
}
.posicionado {
  /*&.noticias
	{
		.marco
		{
			position:relative;
		}
	}*/
}
.posicionado.noticias ul,
.posicionado.multimedios ul {
  padding: 0 1rem;
}
.posicionado.menu-medios-comunicacion {
  padding: 0 3.125rem;
}
.posicionado.azul .franja.horizontal {
  background: #004972;
}
.posicionado.negro {
  background: #000;
}
.posicionado.negro .franja.horizontal li {
  width: 11.625rem;
  height: 6.25rem;
  line-height: 5rem;
  font-size: 1.25rem;
}
.posicionado.negro .franja.horizontal li > a,
.posicionado.negro .franja.horizontal li > span {
  border-right: 1px solid #fff;
  font-family: 'TruenoLt', arial;
  min-height: 0;
  line-height: auto;
}
.posicionado.negro .franja.horizontal li:first-child a,
.posicionado.negro .franja.horizontal li:last-child a,
.posicionado.negro .franja.horizontal li:first-child span,
.posicionado.negro .franja.horizontal li:last-child span {
  border-right: none;
}
.posicionado.negro .franja.horizontal li,
.posicionado.negro .franja.horizontal li a,
.posicionado.negro .franja.horizontal li span {
  color: #fff;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.posicionado.negro .franja.horizontal .destacado:first-child span.texto {
  display: inline-block;
  vertical-align: middle;
  height: 5rem;
}
.posicionado .franja.horizontal {
  padding: 2.5rem 0 2.5rem 0;
}
.posicionado .franja.horizontal .entrada {
  text-align: center;
}
.posicionado .franja.horizontal .feriado .destacado:first-child {
  display: none;
}
.posicionado .franja.horizontal .bloque {
  margin: 0;
  padding: 0;
}
.posicionado .franja.horizontal .bloque,
.posicionado .franja.horizontal .bloque a,
.posicionado .franja.horizontal .bloque span {
  color: #fff;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
.posicionado .franja.horizontal .bloque a {
  width: 100%;
  min-height: 2.5rem;
  line-height: 2.5rem;
}
.posicionado .franja.horizontal .bloque span {
  /*text-transform:uppercase;*/
  line-height: normal;
}
.posicionado .franja.horizontal .bloque span.texto {
  overflow: hidden;
  width: 11.25rem;
}
.posicionado .franja.horizontal .bloque span.texto .titulo {
  position: relative;
  z-index: 2;
  background: #000;
}
.posicionado .franja.horizontal .bloque span .horario {
  position: relative;
  width: 100%;
  background: #e6e6e6;
  color: #333333;
  text-transform: none;
  text-align: left;
  height: 3.5rem;
  font-size: 1.0625rem;
  padding-top: 0.375rem;
}
.posicionado .franja.horizontal .bloque span .hora {
  width: 3.125rem;
  padding-left: 0.25rem;
  font-size: 1.125rem;
  /*height:@40rem;*/
  margin: 0 0.2rem;
}
.posicionado .franja.horizontal .bloque span .hora span {
  font-size: 0.875rem;
  width: 3.125rem;
}
.posicionado .franja.horizontal .bloque span .hora,
.posicionado .franja.horizontal .bloque span .hora span {
  text-align: center;
  color: #333333;
}
.posicionado .franja.horizontal .bloque span .lugar {
  border-left: 1px solid #000;
  width: 7.8125rem;
  padding-left: 0.25rem;
  height: 2.5rem;
}
.posicionado .franja.horizontal .enlaces-transporte nav.bloque {
  width: 100%;
}
.posicionado .franja.horizontal .enlaces-transporte nav.bloque .bloque li span {
  text-transform: uppercase;
}
.posicionado .franja.horizontal .enlaces-transporte nav.bloque .bloque li:first-child span[role="heading"] {
  height: 5.2rem;
  overflow: hidden;
}
.posicionado .franja.horizontal .enlaces-transporte nav.bloque .bloque li:first-child span[role="heading"] .titulo {
  z-index: 1;
  position: relative;
  padding-bottom: 0.2rem;
  background: black;
}
.posicionado.multimedios .franja.horizontal,
.posicionado.noticias .franja.horizontal {
  padding: 0;
}
.portada .encabezado-noticias {
  left: 0;
}
.portada .encabezado-noticias,
.portada .encabezado-multimedios {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  outline: 0;
  text-align: left;
  top: 0;
  left: 0;
  background: transparent;
  background: #fff;
  opacity: 1;
  width: 100%;
  top: -2.125rem;
  width: 14.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
  padding: 0 0 0 1.0625rem;
}
.portada .encabezado-multimedios {
  left: 14.125rem;
}
.portada .encabezado-noticias.activo,
.portada .encabezado-multimedios.activo {
  opacity: 0.8;
}
.portada .encabezado-noticias:hover,
.portada .encabezado-multimedios:hover {
  background: #114e8f;
  color: #fff;
}
.portada .encabezado-noticias h2,
.portada .encabezado-multimedios h2 {
  margin: 0;
  padding: 0;
  color: #134e8b;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
}
.portada .encabezado-noticias:hover h2,
.portada .encabezado-multimedios:hover h2 {
  background: #114e8f;
  color: #fff;
}
.portada .encabezado-noticias.activo:hover,
.portada .encabezado-multimedios.activo:hover,
.portada .encabezado-noticias.activo h2:hover,
.portada .encabezado-multimedios.activo h2:hover,
.portada .encabezado-noticias.activo:hover h2,
.portada .encabezado-multimedios.activo:hover h2 {
  background: #fff;
  color: #114e8f;
  opacity: 0.8;
  cursor: auto;
}
.portada .encabezado-noticias a.fa:hover,
.portada .encabezado-multimedios a.fa:hover {
  color: #134e8b;
  background: #fff;
}
.portada .encabezado-noticias h2:hover,
.portada .encabezado-multimedios h2:hover {
  cursor: pointer;
}
.portada .encabezado-noticias a,
.portada .encabezado-multimedios a {
  display: inline-block;
  background: #134e8b;
  position: absolute;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
}
.portada .encabezado-noticias span,
.portada .encabezado-multimedios span {
  display: none;
}
#imagen_pie1,
#imagen_pie2 {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  padding-top: 1.25rem;
}
#imagen_pie1 img,
#imagen_pie2 img {
  width: 100%;
  height: auto;
}
.aniversario80 #imagen_pie2 {
  width: 60%;
  left: 50%;
  margin-left: -30%;
}
.portada .enlaces-destacados.aun-no-estudiante {
  border-top: #e18920 4px solid;
  border-bottom: #e18920 4px solid;
}
.portada .enlaces-destacados.aun-no-estudiante h2,
.portada .enlaces-destacados.aun-no-estudiante h2 span {
  background: #e18920;
}
.portada .enlaces-destacados.primer-ingreso {
  border-top: #e7b718 4px solid;
  border-bottom: #e7b718 4px solid;
}
.portada .enlaces-destacados.primer-ingreso h2,
.portada .enlaces-destacados.primer-ingreso h2 span {
  background: #e7b718;
}
.portada .enlaces-destacados.estudiante-regular {
  border-top: #17addd 4px solid;
  border-bottom: #17addd 4px solid;
}
.portada .enlaces-destacados.estudiante-regular h2,
.portada .enlaces-destacados.estudiante-regular h2 span {
  background: #17addd;
}
.portada .enlaces-destacados.estudiante-no-regular {
  border-top: #97bebe 4px solid;
  border-bottom: #97bebe 4px solid;
}
.portada .enlaces-destacados.estudiante-no-regular h2,
.portada .enlaces-destacados.estudiante-no-regular h2 span {
  background: #97bebe;
}
.portada .enlaces-destacados.posgrado {
  border-top: #4095ca 4px solid;
  border-bottom: #4095ca 4px solid;
}
.portada .enlaces-destacados.posgrado h2,
.portada .enlaces-destacados.posgrado h2 span {
  background: #4095ca;
}
.enlaces-transporte .enlaces.bloque {
  margin: 0 auto;
}
.portada.noticias .enlaces.franja li a {
  border: none;
}
.portada.noticias .enlaces.franja li a:hover {
  text-decoration: underline;
}
.enlaces-transporte .franja.horizontal .principal:first-child span.texto,
.posicionado .franja.horizontal .bloque span .hora,
.posicionado .franja.horizontal .bloque span .lugar {
  display: inline-block;
  vertical-align: middle;
}
.portada .enlaces.franja li {
  display: inline-block;
  width: 10rem;
  height: 8.125rem;
  line-height: 6.25rem;
  font-size: 1rem;
}
.portada .enlaces.franja li .imagen,
.portada .enlaces.franja li .imagen img {
  width: 7.625rem;
}
.portada.noticias .enlaces.franja li .imagen,
.portada.noticias .enlaces.franja li .imagen img {
  width: 10.3125rem;
}
.enlaces-de-interes .franja.horizontal {
  overflow: hidden;
  background: #fff;
  white-space: nowrap;
  height: 19.375rem;
  padding-top: 1.25rem;
  position: relative;
}
.enlaces-de-interes .franja.horizontal .controles {
  position: absolute;
}
.enlaces-de-interes .franja.horizontal .panel {
  width: 18%;
  margin: 0 1% 0 1%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  max-height: 15rem;
}
.enlaces-de-interes .franja.horizontal .panel .imagen {
  width: 100%;
  height: auto;
}
.enlaces-de-interes .franja.horizontal .panel .imagen .ico:before {
  display: none;
}
.enlaces-de-interes .franja.horizontal .panel .texto {
  display: none;
}
body:not(.noticias) #marco-principal.listado-actividades #columna-principal > .borde,
#marco-principal.listado-actividades #columna-principal .ruta {
  width: auto;
}
/* MAPAS */
body.mapas #contenedor {
  height: calc(100vh -  6.75rem );
}
body.mapas .ruta {
  top: 2.5rem;
  margin: 0 1.25rem 0 1.25rem;
}
body.sitios ul {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
}
body.sitios ul li {
  margin: 0.3125rem 0 0.3125rem 0;
}
.imec.lista.sitios .contenedor {
  width: 100%;
}
.imec.lista.sitios .contenedor .funciones-compartir {
  float: right;
  width: 10rem;
}
.paginador.formulario .columna.izquierda a.izq,
.paginador.formulario .columna.derecha a.der {
  display: flex;
  text-wrap: nowrap;
  align-items: center;
}
.paginador.formulario .columna.izquierda a.izq span,
.paginador.formulario .columna.derecha a.der span {
  padding: 0.5rem 0.25rem;
}
#marco-principal.bannergrande .panel.funciones.enmarcado {
  top: 22%;
}
#marco-principal.bannergrande #banner-buscador {
  height: 38.75rem;
  max-height: 38.75rem;
}
#marco-principal.bannergrande #banner-buscador img {
  max-height: 38.75rem;
  object-position: center bottom;
}
#marco-principal.bannergrande #banner-buscador svg {
  position: absolute;
  bottom: 0;
}
#marco-principal.bannergrande #banner-buscador #globo-busqueda .fondo.contenedor {
  height: 18.75rem;
  max-width: 45rem;
  left: 50%;
  transform: translateX(-50%);
}
.portada #contenidos {
  background: transparent;
}
.portada .franja.horizontal {
  position: relative;
}
.portada .seccion h2,
.portada .seccion h2,
.portada .interno .seccion h2,
.portada .interno .seccion h2,
.portada .franja.horizontal h2 {
  font-family: 'TruenoRg', arial;
  font-weight: normal;
}
.portada .seccion h2 a,
.portada .seccion h2 span,
.portada .interno .seccion h2 a,
.portada .panel.recientes h2 a,
.portada .interno .seccion h2 span,
.portada .franja.horizontal h2 span {
  display: inline-block;
  color: #fff;
  font-family: 'TruenoRg', arial;
  font-weight: normal;
  /*letter-spacing:2px;*/
}
.portada div.fechas-importantes {
  width: 47.5rem;
  padding: 0 0.625rem 0 0.625rem;
  margin: 0 0.5rem 0 0.5rem;
}
.portada div.fechas-importantes div.columna {
  width: 14.625rem;
  height: 13.125rem;
  margin-right: 0.9375rem;
}
body.noticias.portada {
  /*.imec.lista .entrada
	{
		border-bottom:1px solid #4d4d4d;
	}*/
}
body.noticias.portada .seccion .h2,
body.noticias.portada .seccion .h3,
body.noticias.portada .seccion .categoria,
body.noticias.portada .seccion .autores {
  color: #114e8f;
}
body.noticias.portada .seccion .categoria {
  font-weight: bold;
}
body.noticias.portada .salud,
body.noticias.portada .economia,
body.noticias.portada .sociedad {
  background: #f2f2f2;
}
body.noticias.portada .seccion.lo-ultimo .categoria {
  color: #fff;
}
body.noticias.portada .seccion.lo-ultimo .autores,
body.noticias.portada .seccion.lo-ultimo .autores a {
  color: #f2f2f2;
}
body.noticias.portada .seccion .autores,
body.noticias.portada .seccion .autores a {
  font-family: 'TruenoLt', arial;
}
body.noticias.portada .lo-ultimo h3 {
  margin: 0;
}
body.noticias.portada .lo-ultimo .entrada {
  border-bottom: 1px solid #757575;
}
body.noticias.portada .entrada:first-child .texto {
  padding-top: 0;
}
body.noticias.portada .entrada:last-child {
  border-bottom: none;
}
body.noticias.portada.especiales > div > .texto {
  border-right: 1px solid #4d4d4d;
}
.noticias .lo-ultimo,
.portada .actividades.recientes .franja h2 {
  background: #323232;
  color: #fff;
}
.portada ul.contenedor-destaques {
  margin: 0;
  padding: 0;
}
.destaque.absoluto {
  position: relative;
  overflow: hidden;
  min-height: 37.5rem;
  height: calc(100vh - 6.75rem);
}
.destaque.absoluto .marco .panel .noticia h2,
.destaque.absoluto .marco .panel .noticia h2 a,
.destaque.absoluto .marco .panel .noticia h3,
.destaque.absoluto .marco .panel .noticia h3 a {
  padding: 0;
  margin: 0;
}
.destaque.absoluto .marco .panel .noticia h2,
.destaque.absoluto .marco .panel .noticia h3 {
  text-shadow: 0 2px 3px #000000;
  font-size: 2rem;
  max-width: 43.75rem;
}
.destaque.absoluto .marco .panel .noticia .texto.destaque2 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque4 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque6 h2,
.destaque.absoluto .marco .panel .noticia .texto.destaque2 h3,
.destaque.absoluto .marco .panel .noticia .texto.destaque4 h3,
.destaque.absoluto .marco .panel .noticia .texto.destaque6 h3 {
  font-size: 1.5625rem;
}
.destaque.absoluto .marco .panel .noticia .sub {
  text-shadow: 0 1px 3px #000000;
  font-size: 1.25rem;
  max-width: 43.75rem;
}
.destaque.absoluto .marco .panel .noticia .destaque2 .sub,
.destaque.absoluto .marco .panel .noticia .destaque4 .sub,
.destaque.absoluto .marco .panel .noticia .destaque6 .sub {
  font-size: 1rem;
}
.destaque.absoluto .marco .panel h2,
.destaque.absoluto .marco .panel h3,
.destaque.absoluto .marco .panel .noticia .sub {
  color: #fff;
  position: relative;
}
.destaque-portada {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.destaque-portada .imagen {
  line-height: 0;
}
.destaque-portada .noticias {
  display: block;
  background: black;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.destaque-portada .noticias .noticia .derecha {
  display: inline-block;
  vertical-align: top;
  background: #666666;
  color: white;
  position: relative;
  width: 17.375rem;
  height: 22.8125rem;
  overflow: hidden;
  font-size: 0.9375rem;
}
.destaque-portada .noticias .noticia .derecha div {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20.3125rem;
}
.destaque-portada .noticias .noticia .izquierda,
.destaque-portada .noticias .noticia .izquierda img {
  object-fit: cover;
}
.destaque-portada .noticias .noticia .imagen {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.destaque-portada .noticias .noticia .texto {
  padding: 1rem 1.25rem 1rem 1.25rem;
}
.destaque-portada .noticias .noticia .texto h3,
.destaque-portada .noticias .noticia .texto h3 a {
  color: #FDB727;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  margin-bottom: 0.3125rem;
}
.destaque-portada .noticias .noticia .texto .sub {
  color: white;
  font-weight: bold;
  font-size: 0.875rem;
}
.destaque-portada .noticias .panel {
  display: inline;
  position: relative;
  width: 100%;
}
.destaque-portada .noticias .panel.activo .entrada {
  border-bottom: 1px white solid;
}
.destaque-portada .noticias .panel.activo .entrada:last-child {
  border-bottom: none;
}
.destaque-portada .noticias .entrada {
  position: relative;
  padding: 0;
  display: block;
  height: 7.625rem;
  overflow: hidden;
  border-bottom: 0.125rem solid #666666;
}
.destaque-portada .noticias .entrada .texto {
  display: inline-block;
  padding: 0;
  width: 35.75rem;
  height: 7.5625rem;
  padding: 0.5rem;
  overflow: hidden;
}
.destaque-portada .noticias .entrada .imagen {
  width: 15.5rem;
  height: 7.5625rem;
  padding: 0;
  overflow: hidden;
}
.destaque-portada .noticias .entrada .pie {
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  color: #204D6F;
  display: table;
  position: absolute;
}
.destaque-portada .noticias .entrada .pie a {
  font-weight: bold;
  color: #204D6F;
  display: table-cell;
  font-size: 0.75rem;
  padding: 0 0.75rem 0 0.75rem;
}
.destaque-portada .noticias .entrada .pie a span {
  color: white;
}
.destaque-portada .noticias .entrada .pie a img {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: -2px;
}
.destaque-portada .noticias .entrada.destacado span.destaque {
  font-family: 'TruenoRg', arial;
  font-weight: bold;
  color: white;
  background: #f96c00;
  background: linear-gradient(top center, #f96c00, #ff9c30);
  position: absolute;
  font-size: 0.5625rem;
  padding: 0 0.3125rem 0 0.3125rem;
  right: 9.375rem;
}
.destaque-portada .contenedor-contador,
.destaque-portada .reproducir.active,
.destaque-portada .reproducir,
.destaque-portada .adelantar,
.destaque-portada .retroceder {
  position: absolute;
  z-index: 2;
  background: transparent;
  color: #ffffff;
  width: 1.875rem;
  height: 1.875rem;
  top: 20.625rem;
  font-size: 1.75rem;
}
.destaque-portada.principal {
  overflow: hidden;
}
.destaque-portada.principal .noticias .panel .noticia .texto .controles {
  width: 100%;
  display: inline-block;
  right: 0;
  bottom: 0;
  color: white;
  position: absolute;
  background: #141414;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-right: 1.25rem;
  padding: 0 1.25rem 0 1.25rem;
}
.destaque-portada.principal .noticias .panel .noticia .texto .contiene {
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.625rem 0 0.625rem;
}
.destaque-portada .noticias .noticia .izquierda,
.destaque-portada .noticias .noticia .izquierda img,
.destaque-portada.principal {
  height: calc(100vh -  6.75rem );
}
.destaque-portada.personalidad {
  padding: 2.5rem 0 2.5rem 0;
  margin: -2.5rem 0 -2.5rem 0;
}
.destaque-portada.personalidad .franja {
  height: 12.5rem;
}
.destaque-portada.personalidad .franja .imagen {
  width: 16.875rem;
  height: 16.875rem;
  top: -2.1875rem;
  left: 53.125rem;
}
.destaque-portada.personalidad .franja .detalle {
  left: 6.25rem;
  width: 40.625rem;
  min-height: 12.5rem;
}
.destaque-portada.desborda {
  padding: 1.25rem 0 0 0;
  margin: -2.5rem 0 -3.125rem 0;
}
.destaque-portada ul.multimedios {
  height: 16.5625rem;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  top: 22.8125rem;
}
.destaque-portada ul.multimedios li {
  margin: 0 2rem 0.5rem 2rem;
  width: 13.625rem;
  font-size: 0.9375rem;
}
.destaque-portada ul.multimedios li:first-child {
  margin-left: 0;
}
.destaque-portada ul.multimedios li:last-child {
  margin-right: 0;
}
.destaque-portada ul.multimedios li div.imagen,
.destaque-portada ul.multimedios li div.imagen a {
  width: 13.625rem;
  height: 9.1875rem;
}
/*
.listado.noticias .entrada .texto
{
	padding:@20rem 0 @30rem 0;
}*/
.destaque.noticias .noticias .panel {
  opacity: 1;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  padding: 0 1.25rem 0 1.25rem;
}
.destaque.noticias .noticias.especiales > div > .texto {
  width: 45%;
}
.destaque.noticias .noticias.especiales .secundaria {
  width: 30%;
}
.destaque.noticias .noticias.especiales .texto,
.destaque.noticias .noticias.especiales .secundaria {
  display: inline-block;
  vertical-align: top;
}
.destaque.noticias .noticias.especiales .logo {
  display: inline-block;
  width: 18.75rem;
  height: 15.9375rem;
}
.destaque.noticias .noticias.especiales .texto {
  padding: 1.25rem 0.625rem 1.875rem 0.625rem;
}
.destaque.noticias .seccion {
  padding: 2.5rem 1.25rem 2.5rem 1.25rem;
}
.destaque.noticias .ciencia-tecnologia .noticias.especiales .logo {
  background: url("svg/sprite.css-3e5c9cd2.svg") 91.35802469% 90.50691244% no-repeat;
}
.destaque.noticias .ruta {
  margin: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.destaque.noticias div.noticia {
  display: table;
}
.destaque.noticias .noticias .entrada .imagen,
.destaque.noticias .entrada .sub,
.destaque.principal .entrada .sub,
.destaque.absoluto .marco .panel .noticia .entrada,
.destaque.absoluto .marco .panel .noticia .autores,
.destaque.absoluto .marco .panel .noticia .fechanota {
  display: none;
}
.portada .titulares h1,
h1 select.titulo option {
  text-transform: uppercase;
}
.portada .titulares h1,
.portada .titulares p {
  text-align: center;
}
.noticias .panel h2,
.destaque#marco-principal.portada .pestana h3,
.portada.noticias .panel h2 a,
.portada.noticias .especial h2 a,
.franja.horizontal .listado h2,
.franja.horizontal .listado h2 a,
.franja.horizontal .listado h3,
.franja.horizontal .listado h3 a,
.noticias .panel h3,
.destaque#marco-principal.portada .pestana h3,
.multimedios .franja.horizontal h3,
.multimedios .franja.horizontal h3 a {
  color: #114e8f;
  font-weight: bold;
}
.destaque#marco-principal.portada .pestana .texto p {
  font-weight: normal;
}
.noticias .lo-ultimo .panel h3,
.portada.noticias .lo-ultimo .panel h3 a {
  color: #f7931e;
}
.noticias .ciencia-tecnologia .panel h3,
.portada.noticias .ciencia-tecnologia .panel h3 a,
.portada.noticias .ciencia-tecnologia .especial h3 a,
.noticias .seccion.ciencia-tecnologia .autores,
.noticias .seccion.ciencia-tecnologia .autores a {
  color: #0aacb9;
}
.contenedor-indice .indice .contenedor-indice.fijo,
.enganchable.fijo,
.hijo-gancho.fijo,
.franja.horizontal h2.fijo,
.destaque.agenda h2.fijo,
.destaque .enlaces-destacados h2.fijo {
  position: fixed;
  width: 100%;
  top: 6rem;
}
.seccion-enganchable {
  position: relative;
}
#marco-principal.portada .contenedor-indice {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 4.75rem;
}
#marco-principal.portada .indice,
#marco-principal.portada .contenedor-indice {
  background: none;
}
#marco-principal.portada .indice {
  padding: 0.1875rem;
}
.portada .panel .texto,
.portada .panel .texto a,
.franja.horizontal .listado.multimedios ul li h3 {
  font-family: 'TruenoRg', arial;
}
.portada .pizarra h3 {
  margin: 0 0 1.25rem 0;
  font-size: 1.375rem;
}
.fecha-noticia {
  position: absolute;
  background: #FDB727;
  text-align: center;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
  padding: 0.625rem;
}
.fecha-noticia .fecha {
  width: 3rem;
  height: 4.0625rem;
  line-height: 1.125rem;
  top: 0;
  right: 0.625rem;
}
.fecha-noticia div.fecha,
.fecha-noticia div.hora {
  position: absolute;
  background: #FDB727;
  text-align: center;
}
.fecha-noticia div.fecha span,
.fecha-noticia div.hora span {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
.titular div.fecha-noticia {
  bottom: auto;
  text-align: center;
  right: auto;
  top: 0;
  height: 1.25rem;
}
.principal div.fecha,
.noticia div.fecha {
  top: -2.5625rem;
  right: -0.625rem;
}

@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 640px) {
  #encabezado .derecha div.menu-arriba,
  #encabezado .derecha div.menu-abajo {
    justify-content: space-around;
  }
  #encabezado .derecha div.menu-arriba {
    width: 58vw;
  }
  #encabezado .derecha div.menu-abajo {
    width: 42vw;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li > span,
  #encabezado .derecha #menu-pestana ul.enlaces li > a,
  #encabezado .derecha #menu-pestana ul.enlaces li > button {
    background: none;
    color: #fff;
    border-right: none;
    font-size: 1.7rem;
  }
  #encabezado .derecha #acciones ul.enlaces {
    width: 58vw;
    display: flex;
    justify-content: space-around;
  }
  #encabezado .derecha #menu-pestana ul.enlaces {
    margin: 0;
    display: flex;
    width: 28vw;
    justify-content: space-around;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li.separador {
    display: none;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li {
    background: none;
  }
  #encabezado .derecha #menu-pestana ul.enlaces > li {
    background: #204D6F;
    display: inline-block;
    width: 43px;
    height: 43px;
    border: none;
    line-height: 43px;
    /*margin:0 0 0 0.4rem;*/
    vertical-align: middle;
  }
  #encabezado .derecha #menu-pestana ul.enlaces li * {
    line-height: normal;
  }
  #encabezado .derecha #menu-pestana ul.enlaces > li > span,
  #encabezado .derecha #menu-pestana ul.enlaces > li > a,
  #encabezado .derecha #menu-pestana ul.enlaces > li > button {
    display: table-cell;
    /*line-height:24px;*/
    margin: 0 auto 0 auto;
    padding-top: 0;
  }
  #encabezado .derecha #menu-pestana ul.enlaces > li:nth-last-child(6),
  #encabezado .derecha #menu-pestana ul.enlaces > li:nth-last-child(5),
  #encabezado .derecha #menu-pestana ul.enlaces > li:nth-last-child(4),
  #encabezado .derecha #menu-pestana ul.enlaces > li:nth-last-child(3) {
    display: none;
  }
  /*********/
  #centro-medio.portada,
  .portada #centro-medio.portada {
    margin-top: 0;
  }
  /*#marco-principal.portada .contenedor-menu-perfiles.posicionado
	{
		width: 2.5rem;
	}*/
  .contenedor-menu-perfiles {
    margin-top: 0;
    height: auto;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 400ms ease-in-out;
  }
  body.menu-principal-abierto .contenedor-menu-perfiles {
    height: auto;
  }
  .destaque.portada.principal nav.contenedor-menu-perfiles,
  .portada.principal .contenedor-indice {
    position: relative;
    top: auto;
  }
  ul.menu-perfiles li {
    margin: 0;
  }
  ul.menu-perfiles li .imagen {
    position: relative;
    margin: 0 0.3rem 0 -0.9rem;
  }
  #centro-arriba ul.menu-perfiles {
    height: auto;
  }
  #centro-arriba ul.menu-perfiles li {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid white;
  }
  #marco-principal.portada .contenedor-menu-perfiles.posicionado {
    position: relative;
    top: auto;
  }
  #marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
  }
  #marco-principal.portada .contenedor-menu-perfiles.posicionado ul.enlaces li {
    width: 100%;
    margin: 0;
    height: 2rem;
    line-height: 2rem;
  }
  .voz-experta.foto.interna.destacada {
    height: 200px;
    margin-bottom: 10px;
    padding-top: 20px;
  }
  .voz-experta.foto.interna.destacada a.contenido {
    width: 150px;
    height: 150px;
    margin: 0 auto 0 5%;
  }
  .voz-experta.foto.interna.destacada .pie {
    font-size: 18px;
    height: 150px;
    padding-left: 10px;
  }
  .voz-experta.foto.interna.destacada .pie .credito {
    font-size: 8px;
  }
  .destaque.absoluto {
    min-height: none;
    object-fit: contain;
    height: auto;
  }
  .destaque.absoluto .noticia.item .imagen-principal.imagen {
    line-height: 0;
  }
  .destaque.absoluto .noticia.item .imagen img {
    height: 400px;
  }
  .portada .noticias .franja.horizontal h2 {
    position: relative;
    top: auto;
  }
  .portada #globo-busqueda.panel.funciones:not(.activo) .filtros {
    display: none;
  }
  .inicio .noticias .franja .listado .entrada,
  .inicio .multimedios .franja > .marco {
    min-height: 0;
    height: auto;
    padding: 1rem;
  }
  .posicionado.menu-medios-comunicacion {
    padding: 0 2rem 2rem 2rem;
  }
  .posicionado.menu-medios-comunicacion .menu-medios-comunicacion.franja.horizontal {
    padding: 0;
  }
  .posicionado.menu-medios-comunicacion .franja.horizontal .bloque ul.enlaces {
    height: auto;
    text-align: left;
  }
  .banner ul.contenedor-imagen-banner.destacado {
    width: 160%;
    left: -30%;
  }
  .franja.horizontal.en2 .listado:not(.masonry) .entrada,
  .franja.horizontal.en3 .listado:not(.masonry) .entrada,
  .franja.horizontal.en4 .listado:not(.masonry) .entrada,
  .franja.horizontal.en5 .listado:not(.masonry) .entrada,
  .franja.horizontal.en6 .listado:not(.masonry) .entrada {
    width: 100%;
  }
  .grid-frame .grid-container .grid-cell.cspan1,
  .grid-frame .grid-container .grid-cell.cspan2,
  .grid-frame .grid-container .grid-cell.cspan3,
  .grid-frame .grid-container .grid-cell.cspan4,
  .grid-frame .grid-container .grid-cell.cspan5,
  .grid-frame .grid-container .grid-cell.cspan6,
  .grid-frame .grid-container .grid-cell.cspan7,
  .grid-frame .grid-container .grid-cell.cspan8,
  .grid-frame .grid-container .grid-cell.cspan9,
  .grid-frame .grid-container .grid-cell.cspan10,
  .grid-frame .grid-container .grid-cell.cspan11 {
    grid-column-end: span 12;
  }
  .destaque-portada.principal .noticias,
  .destaque-portada .noticias .panel {
    height: 380px;
  }
  .destaque-portada.principal .contenido.interno {
    width: 392px;
    min-width: 392px;
    max-width: 392px;
  }
  .destaque-portada.noticias .noticias .panel,
  .destaque-portada .noticias .noticia .izquierda img,
  .destaque-portada .noticias .noticia .izquierda {
    width: 100%;
    height: auto;
    display: block;
  }
  .destaque-portada.noticias .noticias .panel.textos {
    height: 240px;
  }
  .destaque-portada.noticias .noticias .noticia .izquierda {
    display: block;
    overflow: hidden;
  }
  .destaque-portada .noticias .noticia .izquierda {
    overflow: hidden;
  }
  .panel.enlaces-destacados nav > ul {
    margin: 0 1rem;
  }
  .panel.enlaces-destacados nav > ul > li {
    text-align: center;
  }
  .panel.enlaces-destacados nav > ul > li h3 {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    /* added line */
    width: 1px;
    transition: 0 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  }
  .panel.enlaces-destacados nav > ul > li div.enlaces {
    left: auto;
    width: 100%;
    position: relative;
    max-width: none;
  }
  .portada .actividades.recientes.seccion:not(.pizarra) .franja.horizontal .cuerpo {
    max-height: 66vw;
  }
  .portada .actividades.recientes.seccion.pizarra .franja.horizontal .cuerpo {
    max-height: 66vw;
  }
  .portada .actividades.recientes.seccion.pizarra .franja.horizontal .cuerpo .front img {
    max-height: 66vw;
  }
  .enlaces-de-interes .franja.horizontal {
    height: auto;
  }
  .enlaces-de-interes .franja.horizontal h2.de-interes {
    text-align: center;
  }
  .enlaces-de-interes .franja.horizontal .panel {
    width: 100%;
    max-height: none;
    object-fit: contain;
  }
  .enlaces-de-interes .franja.horizontal .panel .imagen {
    width: 100%;
    max-height: none;
  }
  .enlaces-de-interes .franja.horizontal .panel .imagen img {
    height: auto;
  }
  .destaque.absoluto .marco .panel .texto,
  .destaque.absoluto .marco .panel .texto.destaque1,
  .destaque.absoluto .marco .panel .texto.destaque2,
  .destaque.absoluto .marco .panel .texto.destaque3,
  .destaque.absoluto .marco .panel .texto.destaque4,
  .destaque.absoluto .marco .panel .texto.destaque5,
  .destaque.absoluto .marco .panel .texto.destaque6 {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: relative;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
  .destaque.absoluto .marco .panel .texto.destaque1:before,
  .destaque.absoluto .marco .panel .texto.destaque2:before,
  .destaque.absoluto .marco .panel .texto.destaque3:before,
  .destaque.absoluto .marco .panel .texto.destaque4:before,
  .destaque.absoluto .marco .panel .texto.destaque5:before,
  .destaque.absoluto .marco .panel .texto.destaque6:before {
    content: " ";
    position: absolute;
    background: #1a1a1a;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
  }
  .destaque.absoluto .marco .panel .texto.destaque1 h3,
  .destaque.absoluto .marco .panel .texto.destaque2 h3,
  .destaque.absoluto .marco .panel .texto.destaque3 h3,
  .destaque.absoluto .marco .panel .texto.destaque4 h3,
  .destaque.absoluto .marco .panel .texto.destaque5 h3,
  .destaque.absoluto .marco .panel .texto.destaque6 h3 {
    font-size: 18px;
    text-shadow: none;
  }
  .destaque.absoluto .marco .panel .texto.destaque1 .sub,
  .destaque.absoluto .marco .panel .texto.destaque2 .sub,
  .destaque.absoluto .marco .panel .texto.destaque3 .sub,
  .destaque.absoluto .marco .panel .texto.destaque4 .sub,
  .destaque.absoluto .marco .panel .texto.destaque5 .sub,
  .destaque.absoluto .marco .panel .texto.destaque6 .sub {
    font-size: 12px;
    text-shadow: none;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel {
    width: 100vw;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel .contenedor {
    height: 20rem;
    display: flex;
    flex-direction: column;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento {
    width: 100vw;
    height: 100%;
    margin: 0;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto {
    height: 100%;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto .lugar,
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto .contacto,
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto .detalle {
    font-size: 1rem;
  }
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto h3,
  #marco-principal.portada .actividades.recientes .paneles .panel .entrada.evento .texto h3 a {
    font-size: 1.3rem;
  }
  .portada .actividades.recientes.seccion .franja.horizontal .cuerpo {
    padding: 0;
  }
  .destaque.absoluto .marco .panel .texto.destaque2,
  .destaque.absoluto .marco .panel .texto.destaque3 {
    bottom: auto;
    top: auto;
    max-width: 100%;
    position: relative;
  }
  #slider-noticias .panel .noticia h2,
  #slider-noticias .panel .noticia h3 {
    font-size: 23px;
  }
  #slider-noticias .panel .noticia .sub {
    font-size: 13px;
  }
  .posicionado.negro .franja.horizontal li,
  .posicionado.negro .franja.horizontal li a,
  .posicionado.negro .franja.horizontal li span {
    border-right: none;
  }
  .posicionado.negro .franja.horizontal li img {
    width: 5.5rem;
  }
  body.ucr_abierta #banner-buscador {
    height: 28.75rem;
  }
}

.directorio div.interno h2.listado,
.directorio div.interno h2.listado a {
  font-size: 1.75rem;
}
.directorio div.interno h2.listado,
.directorio div.interno h2.listado a {
  font-size: 1.75rem;
  margin: 1.875rem 0 0 0;
}
.directorio table.telefonos,
.directorio table.telefonos caption {
  text-align: left;
}
.directorio table.telefonos td:first-child,
.directorio table.telefonos th:first-child {
  width: 70%;
  text-align: left;
}
.directorio table.telefonos td:last-child,
.directorio table.telefonos th:last-child {
  text-align: right;
  width: 30%;
}
.directorio .sumario {
  font-size: 0.875rem;
}
.directorio .direccion .fa,
.directorio div.correo .fa,
.directorio .telefonos .fa {
  vertical-align: bottom;
}
.directorio div.interno h2.listado {
  padding: 0;
}
.directorio div.iconos-funciones-articulo {
  margin: 0;
}
.directorio .direccion,
.directorio div.correo,
.directorio .telefonos caption {
  margin: 0.625rem 0;
}
.directorio .direccion {
  line-height: 1.875rem;
}
.directorio div.correo .fa,
.directorio .telefonos caption {
  line-height: 1.375rem;
}
.directorio .direccion .fa {
  font-size: 1.875rem;
}
.directorio div.correo .fa,
.directorio .telefonos .fa {
  font-size: 1.375rem;
}
.directorio div.columna-principal h3.listado {
  margin: 1.25rem 0 0 0;
}
.directorio .funciones-compartir,
.sitios .funciones-compartir {
  height: 3.125rem;
}

.evento.detalle div.imagen-destacada {
  padding-top: 1.875rem;
}
.evento.detalle div.imagen-destacada,
.evento.detalle div.imagen-destacada-marco {
  margin-left: auto;
  margin-right: auto;
}
.actividades.recientes.seccion,
.actividades.recientes.seccion h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.actividades-principal .actividades {
  height: 12.1875rem;
  padding-top: 0.5rem;
}
.actividades-principal .actividades div.botones {
  margin-top: 10.9375rem;
}
.actividades-principal .actividades ul.alternando li {
  height: 2.75rem;
  overflow: hidden;
}
.actividades-principal .actividades ul.alternando li:nth-child(even) {
  background: transparent;
}
.actividades-principal .actividades ul.alternando li:nth-child(even) a,
.actividades-principal .actividades ul.alternando li:nth-child(even) div.fecha-noticia {
  color: #444444;
}
.actividades-principal .actividades ul.alternando li:nth-child(odd) {
  background: transparent;
}
.actividades-principal .actividades ul.alternando li:nth-child(odd) a,
.actividades-principal .actividades ul.alternando li:nth-child(odd) div.fecha-noticia {
  color: #666666;
}
.actividades.recientes .entrada.evento {
  width: 15rem;
  height: 16.875rem;
}
.listado .evento.estudiantiles .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 60.31746032% no-repeat;
}
.listado .evento.administracion .imagen,
.listado .evento.organizacion .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 59.52380952% no-repeat;
}
.listado .evento.arte-y-cultura .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 20.63492063% no-repeat;
}
.listado .evento.ciencias-sociales .imagen,
.listado .evento.accion-social .imagen,
.listado .evento.sedes-regionales .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 19.84126984% no-repeat;
}
.listado .evento.docencia .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 99.61538462% 39.40110323% no-repeat;
}
.listado .evento.salud .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 39.68253968% no-repeat;
}
.listado .evento.investigacion .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 0 40.47619048% no-repeat;
}
.listado .evento.deporte-y-recreacion .imagen,
.listado .evento.movilidad-y-transporte .imagen,
.listado .evento.medio-ambiente .imagen {
  background: url("svg/sprite.css-3e5c9cd2.svg") 61.58301158% 0 no-repeat;
}
.listado .evento .imagen {
  background-color: #009ee2;
}
.agenda h2,
.agenda h2 a {
  color: #204D6F;
  font-weight: bold;
}
.listado .evento h3,
.listado .evento h3 a {
  color: #fff;
  font-weight: normal;
  margin: 0;
}
.listado .evento .lugar,
.listado .evento .contacto,
.listado .evento .detalle {
  color: #fff;
}
.listado .evento .lugar,
.listado .evento .detalle {
  font-size: 1rem;
  margin: 0.3125rem 0 0.3125rem 0;
}
.actividades.recientes .evento h3,
.actividades.recientes .evento h3 a {
  color: #004c6d;
}
.actividades.recientes .evento .lugar,
.actividades.recientes .evento .contacto,
.actividades.recientes .evento .detalle {
  color: #282828;
}
.actividades.recientes .evento .lugar,
.actividades.recientes .evento .detalle {
  font-size: 0.8125rem;
  margin: 0.125rem 0 0.125rem 0;
}
.listado .evento .contacto,
.detalle.evento .contacto {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
}
.agenda div.columna-principal,
.agenda div.columna-derecha {
  background: #fff;
}
.seccion .evento .fecha-eventos {
  position: absolute;
  top: 0;
  display: table-cell;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  left: 1.25rem;
}
div.fecha-eventos.expande {
  width: 100%;
}
div.fecha-eventos h3 {
  /*display:table-cell;*/
  vertical-align: middle;
}
div.columna-principal div.actividades.recientes,
div.columna-principal div.fecha-eventos,
div.actividades.recientes,
div.fecha-eventos {
  position: relative;
  margin: 0;
}
div.columna-principal div.actividades.recientes {
  min-height: 2.5rem;
}
div.fecha-eventos,
div.fecha-eventos a {
  margin: 0;
  color: white;
  text-align: center;
}
div.columna-principal div.actividades.recientes span.dia-numero,
div.actividades.recientes span.dia-numero,
.fecha-eventos .dia-numero,
.fecha-eventos .dia-texto {
  font-weight: bold;
  position: relative;
}
div.columna-principal div.actividades.recientes span.dia-numero,
div.actividades.recientes span.dia-numero {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.fecha-eventos .dia-texto {
  display: table-cell;
  vertical-align: middle;
}
.fecha-eventos .dia-texto .mes,
.fecha-eventos .dia-texto .separador {
  display: block;
}
.fecha-eventos .dia-texto .mes {
  margin-top: 0.3125rem;
}
.fecha-eventos .dia-texto .separador {
  padding: 0.3125rem 0 0.3125rem 0;
}
.fecha-eventos span.dia-numero,
.fecha-eventos span.dia-texto {
  font-size: 1.375rem;
  line-height: 1.375rem;
  padding: 0.3125rem;
  width: 5rem;
  height: 5rem;
  height: 4.0625rem;
}
.fecha-eventos span.dia-texto {
  font-size: 1.875rem;
}
.fecha-eventos .dia-numero.peq,
.fecha-eventos .dia-texto.peq,
.fecha-eventos .dia-texto .mes,
.fecha-eventos .dia-texto .separador {
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.actividades.recientes .fecha-eventos span.dia-numero,
.actividades.recientes .fecha-eventos span.dia-texto {
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding: 0.125rem;
  width: 3.125rem;
  height: 3.125rem;
}
.actividades.recientes .fecha-eventos span.dia-numero,
.actividades.recientes .fecha-eventos span.dia-texto {
  height: 2.5rem;
}
.actividades.recientes .fecha-eventos .dia-numero.peq,
.actividades.recientes .fecha-eventos .dia-texto.peq,
.actividades.recientes .fecha-eventos .dia-texto .mes,
.actividades.recientes .fecha-eventos .dia-texto .separador {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
div.columna-principal div.fecha-eventos.expande {
  margin: 1.25rem 0 1.25rem 0;
}
.actividades.recientes .evento .fecha-eventos {
  width: 3.125rem;
  height: 3.125rem;
  left: 1.5625rem;
}
.actividades.recientes .evento .fecha-eventos .hasta {
  display: none;
}
.fecha-eventos .fondo {
  position: absolute;
  background: #073565;
  opacity: 0.93;
  width: 100%;
  height: 100%;
  z-index: initial;
}
div.columna-principal div.actividades.recientes span.dia-texto,
div.columna-principal div.actividades.recientes span.mes-anyo,
div.actividades.recientes span.dia-texto,
div.actividades.recientes span.mes-anyo,
div.fecha-eventos span.mes-anyo {
  /*position:absolute;
	right:0;*/
  font-weight: bold;
}
div.actividades.recientes ul.alternando {
  list-style-image: none;
  list-style-type: none;
  width: 100%;
  left: 0;
  padding: 0;
  vertical-align: top;
}
div.actividades.recientes ul.alternando li {
  margin: 0;
  display: table;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #666666;
}
.eventos .panel,
.actividades.recientes .slider .paneles .panel {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.actividades.recientes .botones {
  cursor: pointer;
  position: absolute;
  text-align: center;
  width: 100%;
  display: none;
  height: 1.25rem;
  top: 14.0625rem;
}
.actividades.recientes .botones span,
.actividades.recientes .botones span a {
  color: #009ee2;
  padding-top: 0px;
  font-size: 0.75rem;
}
.actividades.recientes .botones span a:hover {
  text-decoration: none;
}
.actividades.recientes ul li.vacio {
  color: #009ee2;
  text-align: center;
  padding: 6%;
}
#marco-principal.portada .actividades.recientes .paneles .panel {
  text-align: left;
}
div.actividades.recientes ul.alternando li:last-child {
  background: none;
}
div.actividades.recientes ul.alternando li a {
  display: block;
  color: black;
  text-decoration: none;
}
div.actividades.recientes ul.alternando li a:hover {
  text-decoration: underline;
}
div.actividades.recientes div.fecha,
div.actividades.recientes div.hora {
  display: table-cell;
  text-align: center;
  color: #009ee2;
  vertical-align: middle;
  font-weight: bold;
  background: transparent;
  position: relative;
}
div.actividades.recientes div.detalle {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  color: black;
  text-align: left;
}
.evento .mas {
  font-size: 1.875rem;
}
.actividades.recientes .evento {
  margin: 0 0.625rem 1.25rem 0.625rem;
}
.actividades.recientes .evento div.contenedor {
  padding: 0;
  text-align: left;
  height: 100%;
  overflow: hidden;
}
.actividades.recientes .evento div.contenedor .imagen {
  height: 4.375rem;
}
.actividades.recientes .evento div.contenedor .imagen.info:hover {
  height: 10.0625rem;
}
.actividades.recientes .evento div.contenedor .texto {
  background: #fff;
  padding: 0.5rem;
  height: 12.5rem;
  display: block;
}
.actividades.recientes .evento div.contenedor .texto.info:hover {
  height: 10.0625rem;
}
.detalle.evento div.contacto {
  color: #212121;
}
.actividades.recientes .evento div.contacto {
  display: none;
}
.detalle.evento div.contacto .cierre {
  font-size: 1.5rem;
}
.listado .evento div.contacto .cierre a {
  color: white;
}
.detalle.evento div.contacto .cierre a {
  font-weight: bold;
}
.listado .evento .ico {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.actividades.recientes .evento .ico,
.seccion .listado .evento .ico,
.pizarra.eventos .ico,
.timeline .contenedor .ico {
  color: #282828;
  width: 1.5625rem;
  height: 1.5625rem;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  margin: 0 0.3125rem 0.3125rem 0;
}
.listado .evento .lugar .ico:before,
.listado .evento .ico:before,
.pizarra.eventos .lugar .ico:before,
.timeline .contenedor .lugar .ico:before {
  font-family: FontAwesome;
  content: "\f041";
}
.listado .evento .detalle .ico:before,
.pizarra.eventos .detalle .ico:before,
.timeline .contenedor .detalle .ico:before {
  font-family: FontAwesome;
  content: "\f017";
}
.listado .evento .contacto .ico:before,
.pizarra.eventos .contacto .ico:before,
.timeline .contenedor .contacto .ico:before {
  font-family: FontAwesome;
  content: "\f2ba";
}
.actividades.recientes .evento .ico,
.timeline .contenedor .ico {
  margin: 0 0.125rem 0.125rem 0;
}