/*
Theme Name: visdades
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: visdades
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

visdades is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
	margin: 0;
	line-height: 1.2;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.2em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

q:not(.quote):after,
blockquote:not(.quote):after,
.quote:after,
q:not(.quote):before,
blockquote:not(.quote):before,
.quote:before {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

.entry blockquote {
	margin: 35px 0;
	position: relative;
	padding-left: 105px;
	font-family: 'uoc-serif';
	font-style: normal;
	font-size: 1.31rem;
	line-height: 1.2;
}

.entry blockquote:before {
	background-image: url('img/cita.png');
	background-repeat: no-repeat;
	width: 77px;
	height: 67px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 0.8;
}

.entry blockquote .author {
	margin-top: 15px;
	font-size: 1.2rem;
}

.blockquote-author {
	margin: 35px 0;
	position: relative;
	padding-left: 105px;
	font-family: 'uoc-serif';
	font-style: normal;
	font-size: 1.2rem;
	line-height: 1.2;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 0;
	width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}


/*SEARCH*/

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	width: 100%;
}

.widget_search input[type="submit"] {
	height: 55px;
	width: 76px;
	background-color: #D0D0D0;
	color: transparent;
	padding: 0;
	float: left;
	position: relative;
	border-radius: 0;
	border: none;
}

.widget_search input[type="search"] {
	height: 55px;
	border: 0;
	background-color: #F8F8F8;
	color: #D0D0D0;
	font-family: 'uoc-serif';
	border-radius: 0;
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 98%;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	padding-left: 2%;
	font-size: 1.3rem;
}

.widget_search input[type="search"]::placeholder {
	color: #D0D0D0;
	font-size: 1.3rem;
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	display: table-cell;
	width: 1%;
}

.input-group-btn span.icon {
	position: absolute;
	left: -5px;
	top: 6px;
	color: #000078;
	font-size: 3.25rem;
}

.search-wrapper,
.container_menu {
	display: block;
}

.search-mobile,
.wrapper_container_mobile_menu {
	display: none;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {}

.main-navigation li:hover>a,
.main-navigation li.focus>a {}

.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.secondary-nav .sub-menu li {
	font-weight: normal;
}

.secondary-nav {
	border: 0;
}

.secondary-nav a {
	padding-top: 0.7em;
}

.sub-menu.secondary-nav>li {
	border-bottom: 1px solid #D0D0D0;
	border-top: 0;
}

.secondary-nav>li {
	border-top: 0;
}


/*.xx-portal-sliding-border li a {
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid transparent;
    width: 100%;
    transition: none;
    white-space: pre-wrap;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.xx-portal-sliding-border li a:after{
	background-color:#D0D0D0;
}*/

#sidebar-custom .sup-menu {
	margin-bottom: 20px
}

#mobile_menu {
	background-image: url("img/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 96% 12px;
	padding: 10px 0;
	font-weight: bold;
}

.wrapper_container_mobile_menu {
	display: none;
}

.wrapper_container_mobile_menu .sub-menu {
	display: none;
}

aside.widget_nav_menu {
	border-bottom: 2px solid #D0D0D0;
}

aside .widgettitle {
	margin-top: 0px;
	font-size: 16px;
	color: #001578;
	padding: 20px 15px 15px;
	border-bottom: 5px solid #ff6a58;
	margin-bottom: 0px
}

aside ul.menu {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
	/* font-family: 'Open Sans', sans-serif;*/
}

aside .menu ul,
#sidebar {
	list-style: none;
	padding: 0px;
}

aside .menu li {
	border-bottom: 1px solid #D0D0D0;
	color: #001578;
	padding-left: 0;
	margin-bottom: 0;
}

aside .menu li.current-menu-item {
	font-weight: bold;
}

aside ul ul {
	margin-top: 0;
}

aside .menu li:before {
	display: none;
}

aside .menu li>a {
	text-decoration: none;
}

aside .menu>li>a {
	text-decoration: none;
}

aside .menu li.menu-item-has-children {
	background-image: url("img/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 96% 12px;
}

aside .menu li.menu-item-has-children.activado {
	background-image: url("img/arrow_up.png");
	background-position: 96% 12px;
}

aside .menu li.menu-item-has-children>a {
	padding: 10px 17% 10px 0;
}

aside .menu li a {
	padding: 10px 0;
	display: block;
	color: #001578;
}

aside .menu .sub-menu li>a {
	padding-left: 15px;
}

aside .menu .sub-menu .sub-menu li>a {
	padding-left: 30px;
}

aside .menu .sub-menu {
	padding: 0px;
	display: none
}

aside .menu .sub-menu li {
	border-bottom: 1px solid #D0D0D0;
	color: #001578;
}

aside .menu .sub-menu li:first-child {
	border-top: 1px solid #D0D0D0;
}

aside .menu .sub-menu li:last-child {
	border-bottom: none
}

aside .tagcloud {
	padding: 15px 0px;
	font-family: 'Brown-light';
}

aside .tagcloud a {
	display: block;
	padding: 5px 20px;
	color: #001578;
}

.site-title a,
.site-title a:hover {
	text-decoration: none;
}

.print a {
	text-decoration: none;
	font-weight: bold;
}


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

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.header-uoc {
	background-color: #73EDFF;
	padding: 10px 0;
}

.header-uoc .ruler--white {
	border-bottom: 4px solid #ffffff;
	height: 42px;
}

.logo {
	background: url(img/logo-uoc.png);
	background-repeat: no-repeat;
	background-size: 56px 42px;
	padding-left: 58px;
}

.logo__name {
	margin-left: 4px;
	font-family: 'uoc-serif';
	font-size: 14px;
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	height: 42px;
}

.logo__name p {
	max-width: 160px;
	line-height: 16px;
}


/*.header-uoc .top-logo{
	float: left;
	width: 6%;
}

.header-uoc .uoc-text{
	float: left;
	width: 94%;
}*/

.header-uoc img {
	max-width: 56px;
	max-height: 42px;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.ruler--white {
	border-color: #ffffff;
}

.header-uoc .top-slogan {
	font-family: 'uoc-serif';
	font-size: 0.85rem;
}

.header-uoc>div>div {
	padding: 0;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */

.widget select {
	max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

h2 {
	font-size: 1.7rem;
	margin-bottom: 35px;
}

h3 {
	font-size: 1.5rem;
	margin-bottom: 35px;
}

h4 {
	font-size: 1.3rem;
	font-weight: normal;
	margin-bottom: 25px;
}

.site-description span {
	margin-left: 15px;
	display: inline-block;
}

.site-description span.sub {
	margin-left: 0;
	display: block;
	margin-top: -25px;
	margin-bottom: 30px;
	font-size: 25px;
}

.wrapper-site-branding {
	margin: 50px 0;
	position: relative;
}

.site-branding {
	background-color: #73EDFF;
	background-repeat: no-repeat;
	height: 286px;
	padding: 35px;
	padding: 20px 15px 15px;
}

.site-branding.bg-image {
	/*background-image: url('img/img_header.svg');*/
	background-position: 95% 75%;
	background-size: 279px 171px;
}

.site-branding.bg-custom-image {
	background-color: #ffffff;
}

.site-branding.bg-image a,
.site-branding.bg-image .site-description {
	color: #000078;
}

.site-branding.bg-image .site-description {
	padding-right: 35px;
	margin-bottom: 0px;
	min-height: 55px;
	line-height: 28px;
}

.site-branding .site-description {
	/*position: absolute;
	bottom: 0;*/
	font-family: 'uoc-serif';
	margin: 0;
}

.site-title {
	font-size: 3.4375rem;
	line-height: 0.95;
	font-weight: 600;
	font-family: uoc-sans, Arial;
	margin-bottom: 16px;
	width: 45%;
}

.breadcrum {
	float: left;
	font-family: 'uoc-serif';
	font-size: 16px;
	margin-bottom: 3px;
}

.clear {
	clear: both;
}

.site-content {
	min-height: 800px;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.xx-grid-block {
	padding-bottom: 0;
	background-color: #ffffff;
}

.featured {
	padding: 20px 30px;
	margin-bottom: 35px;
}

.featured p:last-child {
	margin-bottom: 0px;
}

.featured-blue {
	background-color: #D5FAFF;
}

.featured-grey {
	background-color: #F0F0F0;
}


/* Tooltip container */

.tooltip {
	position: relative;
	/*display: inline;*/
	display: inline;
	border-bottom: 1.5px dashed;
	/* If you want dots under the hoverable text */
	text-decoration: none;
}

.tooltip:hover {
	text-decoration: none;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: 'uoc-sans';
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 14px;
	background-color: #73EDFF;
}

.popover.bottom {
	margin-top: 10px;
}

.popover-content {
	padding: 9px 14px;
	word-wrap: break-word;
}

.popover>.arrow,
.popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.popover>.arrow {
	border-width: 11px;
}

.popover>.arrow:after {
	border-width: 10px;
	content: "";
}

.popover.top>.arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: transparent;
	bottom: -11px;
}

.popover.top>.arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #73EDFF;
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: transparent;
}

.popover.right>.arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #73EDFF;
}

.popover.bottom>.arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	top: -11px;
}

.popover.bottom>.arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #73EDFF;
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: transparent;
}

.popover.left>.arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #73EDFF;
	bottom: -10px;
}

.destacado h2,
.destacado h3,
.destacado h4 {
	clear: none;
}

.featured figure {
	margin-top: 0;
}

.wp-caption .wp-caption-text {
	text-align: left;
}

ol,
ul,
dl {
	margin-bottom: 35px;
}

ol {
	padding: 0;
	counter-reset: item;
}

ol>li {
	margin-bottom: 16px;
	padding: 0 0 0 2em;
	text-indent: -1em;
	list-style-type: none;
	counter-increment: item;
}

ol>li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}

.search-page h1,
.error-404 h1 {
	font-family: 'uoc-serif';
	font-weight: normal;
	margin-bottom: 50px;
	font-size: 2.8rem;
}

.hide {
	display: none!important;
}

.search-page h1 span {
	font-weight: bold;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer {
	margin-top: 100px;
	position: relative;
}

.footer__copyright{    
  	font-size: 0.9rem;
    padding: 5px 10px;
    background-color: #D5FAFF;
 		font-style: italic;
}
.footer__copyright img{ 
    max-width: 90px;
    margin: 5px 0;
}

.footer__copyright p{margin-bottom:5px}

.footer-top-title {
	font-size: 1.0625rem;
	font-weight: bold;
	font-style: normal;
}

.scrollup {
	background-image: url('img/scroll_up.svg');
	background-repeat: no-repeat;
	background-color: transparent;
	color: transparent;
	width: 45px;
	height: 45px;
	position: absolute;
	right: 4%;
	top: -50px;
}

.scrollup:hover {
	color: transparent;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
	display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
	font-size: 1rem;
}

.wp-caption-text {
	text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}

@media (max-width: 1024px) {
	.scrollup {
		right: 0;
	}
}

@media (min-width: 768px) {
	.col-xs-1,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-xl-1,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	.header-uoc>div .top-logo {
		width: 8%;
	}
	.header-uoc>div .uoc-text {
		width: 92%;
	}
	.search-wrapper,
	.container_menu {
		display: none;
	}
	.search-mobile {
		display: block;
		margin: 10px 0 15px;
	}
	.wrapper_container_mobile_menu {
		display: block;
	}
	.wrapper_container_mobile_menu #mobile_menu.activado {
		background-image: url("img/arrow_up.png");
		background-position: 96% 12px;
	}
	.wrapper-site-branding {
		margin-top: 0;
	}
	.search-mobile .ruler {
		border-top-width: 0;
	}
	.search-mobile .widget {
		margin-bottom: 0;
	}
}

@media (max-width: 667px) {
	.site-description span {
		display: block;
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	h1,
	.h1 {
		font-size: 2.5rem;
	}
	.header-uoc>div .top-logo {
		width: 20%;
	}
	.header-uoc>div .uoc-text {
		width: 80%;
	}
	.header-uoc .ruler--white {
		height: 41px;
		font-size: .875rem
	}
	.site-branding {
		padding: 10px;
	}
	.site-title {
		font-size: 2.25rem;
	}
	.site-description {
		font-size: 1rem;
	}
	.site-branding .site-description {
		position: inherit;
	}
	.alignright {
		float: none;
	}
	.wp-caption .wp-caption-text {
		text-align: center;
	}
	.wrapper-site-branding .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.site-title {
		width: 100%;
	}
	/*.search-mobile .widget label, .search-mobile .widget input[type="search"]{
		width: inherit;
	}*/
	.breadcrum {
		font-size: 1rem;
	}
	.site-branding.bg-image {
		background-position: bottom center;
	}
}


/*Casabona add*/

pre {
	background: #F0F0F0;
	margin: 35px 0;
}

.videowrapper {
	margin: 30px auto;
}

.videocontent .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.videocontent ul li:before {
	content: "";
}

.site-title {
	width: 60%;
}

.site-branding {
	height: auto;
	/*min-height: 240px;*/
}

@media (max-width: 780px) {
	.site-branding.bg-image {
		background-size: auto 120px;
	}
	.site-title {
		font-size: 2.5rem;
	}
}

@media (max-width: 480px) {
	.site-title {
		width: 100%;
	}
}

.site-title {
	margin-bottom: 50px;
}

.widget_search h3.widget-title {
	display: none;
}

ol li ul li:before,
ul li ul li:before {
	margin-left: -29px;
}

ol ol>li,
ol ul>li,
ul ul>li,
ul ol>li {
	text-indent: 0;
}

ol>li .popover-content,
ul>li .popover-content {
	text-indent: 0;
}

.content-area a {
	word-break: break-word;
}

.content-area span.roman {
	text-transform: uppercase;
	font-size: 80%;
}


/*TABLAS*/

/*TABLAS*/

.table-responsive {
	margin: 0 0 35px;
}

table {
	border-top: 3px solid #000078;
	font-size: 1.07rem;
	background-color: white;
	border-bottom: 3px solid #000078;
	margin: 0 0 0;
	width: 100%;
}

table tr td {
	border-top: 1px solid #ccc;
	height: 30px;
	vertical-align: top;
	padding: 10px 5px;
}

table tr td p:last-child{margin-bottom:0px}
table tr td ul:last-child, table tr td ol:last-child{margin-bottom:0px}
table tr td ul:first-child,table tr td ol:first-child {margin-top: 0}

table tr th {	
  background-color: #e4e4e4;
	border-top: 1px solid #ccc;
	vertical-align: top;
	padding: 10px 5px;
	text-align:left;
	font-weight:bold;
	font-weight: bold;
}

table thead tr th{	height: 30px;
    background-color: #e4e4e4;
	vertical-align: middle;
	padding: 10px 5px;
    font-weight: bold;
    text-align: left;
}

table tr.table-header td, table tr.table-header th {
	background-color: #e4e4e4;
	font-weight: bold;
	vertical-align: middle;
}

table tr.table-header-sec td, table tr.table-header-sec th {
	background-color: #f3f3f3;
	font-weight: bold;
	vertical-align: middle;
}

.tabletitle {
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.tablefooter {
	margin-top: -20px;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 35px;
}

/*Ajuste para bold/italic no contemplado en css original*/

@font-face {
	font-family: 'uoc-sans';
	src: url('lib/player/font/uoc/woff2/UOC_Sans-Bold_Italic_web.woff2') format('woff2'), url('lib/player/font/uoc/woff/UOC_Sans-Bold_Italic_web.woff') format('woff'), url('lib/player/font/uoc/ttf/UOC_Sans-Bold_Italic_web.ttf') format('truetype'), url('lib/player/font/uoc/svg/UOC_Sans-Bold_Italic_web.svg#svgFontName') format('svg');
	font-weight: 600;
	font-style: italic;
}


/*Copyright*/

.copy {
	font-size: 12px;
}


/*Breadcrum*/

.breadcrum {
	max-width: 70%
}

@media (min-width: 480px) {
	.breadcrum {
		max-width: 80%
	}
}


/*Ajuste container*/


/*.container {
	width: 100%;
	max-width: 1200px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1366px) {
	.container {
		padding-left: 55px;
		padding-right: 55px;
	}
}*/


/*Nuevo header*/

.language .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.language .open>.dropdown-menu {
	display: block;
}

.language .dropdown-menu {
	font-size: 18px;
	background-color: #f0f0f0;
	border: none;
	border-top: 4px solid #001578;
	border-bottom: 4px solid #001578;
	min-width: 135px;
	padding: 0 5px;
	border-radius: 0;
	box-shadow: none
}

.language .dropdown-menu a {
	color: #706f6f
}

.language .dropdown-menu li {
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 0;
	padding: 0;
}

.language .dropdown-menu li:last-child {
	border: none
}

.language .dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.language .dropdown-menu li>a {
	padding: 2px 2px 10px;
}

.language .dropdown-menu li>a:focus,
.language .dropdown-menu li>a:hover {
	background-color: transparent;
	color: #d0d0d0;
	outline: 0
}

.language .dropdown-menu:before {
	content: "";
	display: block;
	width: 25px;
	height: 16px;
	background-image: url(img/arrow-drop.svg);
	background-repeat: no-repeat;
	top: -16px;
	left: 60%;
	position: absolute
}

.header-top {
	background-color: #73edff
}

.header-top .container {
	padding-top: 15px;
	padding-bottom: 15px
}

header .logo {
	background-image: url(img/logo.svg);
	background-repeat: no-repeat;
	background-size: 57px 43px;
	padding-left: 57px;
	float: left;
	width: 80%
}

header .header-top.no-lang .logo {
	width: 100%;
}

@media (min-width:768px) {
	header .logo {
		width: 90%
	}
}

@media (min-width:992px) {
	header .logo {
		width: 94%
	}
}

.logo__name {
	margin-left: 4px;
	font-family: 'uoc-serif';
	font-size: 13px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 43px;
	line-height: 13px;
	margin-right: 4px
}

.logo__name p {
	margin-top: 4px;
	line-height: 13px;
}

.header-top.no-lang .language {
	display: none;
}

.language {
	float: right;
	width: 20%;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 43px
}

.language ul li:before {
	content: "";
	margin: 0;
}

@media (min-width:768px) {
	.language {
		width: 10%
	}
}

@media (min-width:992px) {
	.language {
		width: 6%
	}
}

.language button {
	font-family: uoc-sans, Arial;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}

.language button span {
	background-image: url(img/dropdown.svg);
	background-repeat: no-repeat;
	width: 17px;
	height: 12px;
	background-position: 50%;
	display: inline-block;
	margin-left: 5px;
}

.language button:focus span,
.language button:hover span {
	background-image: url(img/dropdown-h.svg)
}

.language .dropdown-menu {
	top: 53px;
	left: -59px
}

.btn--clean {
	border: none;
	background: transparent;
	outline: none;
	color: #001578;
	padding: 1px 6px;
}

.btn--clean:focus,
.btn--clean:hover {
	color: #706f6f
}


/*Ayuda opcional*/

.site-branding.bg-image {
	position: relative;
}

.site-branding .relative {
	position: relative;
}

.site-branding .site-description {
	padding-right: 40px;
}

.banner__help {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
}

.banner__help a {
	padding: 5px 25px 5px 0;
	background-image: url(img/info.svg);
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 17px;
}

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


/*Modales*/


/*Clases de boostrap relacionadas con el modal. El CSS del gef tiene las clases originales modificadas*/

.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .7s ease-out;
	-o-transition: -o-transform .7s ease-out;
	transition: transform .7s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
	margin-top: -2px;
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

.modal-body {
	position: relative;
	padding: 15px;
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}


/*Ajustes propios de mis modales*/

.modal .modal-dialog {
	max-width: 1200px;
}

.modal .modal-dialog {
	width: auto;
	max-width: 1200px;
}

.modal .modal-content {
	padding: 10px;
	border-radius: 0;
	background-color: #000078;
	min-height: 70px;
	color: white;
}

.modal .modal-close {
	width: 26px;
	height: 26px;
	background-image: url(img/close-modal.svg);
	background-repeat: no-repeat;
	background-size: 26px;
	display: block;
	float: right;
}

.modal .modal-close:hover,
.modal .modal-close:focus {
	background-image: url(img/close-modal-h.svg);
}

.modal .modal-header {
	border: none;
	padding: 10px 15px;
	clear: both;
}

.modal .modal-header h2 {
	margin: 0;
	display: block;
	max-width: 625px;
	line-height: 1;
	font-size: 36px;
}

.modal .modal-body {
	max-height: 510px;
	overflow-y: auto;
	padding: 0 15px;
	margin: 15px 0;
}

.modal-body {
	font-size: 20px;
}

.modal-body p {
	margin-bottom: 25px;
}

.modal-body a {
	text-decoration: underline;
  color: white;
}

.modal-body a:hover, .modal-body a:focus{color: #706F6F;}

.modal-body .highlighted {
	margin-bottom: 25px;
	line-height: 1;
	/*font-family: 'UOC Serif_Regular';*/
	font-size: 24px;
}

.modal-body ol,
.modal-body ul {
	padding-left: 20px;
	margin-bottom: 25px;
}

.modal-body ol ul,
.modal-body ol ol,
.modal-body ul ul,
.modal-body ul ol {
	margin-bottom: 0;
}

.modal-body .highlighted p:last-child {
	margin-bottom: 0;
}

.modal-body h3 {
	font-size: 28px;
	margin: 0px 0 15px;
	padding-top: 5px;
	font-weight: normal;
	/*font-family: 'UOC Sans_Bold';*/
}

.modal-body h3:first-child {
	margin-top: 0;
	padding-top: 0;
}

#myHelp .modal-body img {
	margin: 15px 0 0;
}

@media (min-width: 768px) {
	.modal .modal-content {
		padding: 20px;
	}
	.modal .modal-header h2 {
		font-size: 65px;
	}
	.modal-body .highlighted {
		font-size: 28px;
	}
}


/*Lightbox*/

#cs-light.modal .modal-content {
	max-width: 100%;
	display: inline-block;
}

#cs-light.modal .modal-content img {
	width: auto;
	height: auto;
	max-width: none;
}

#cs-light.modal {}

#cs-light.modal .modal-body {
	padding: 0;
	margin: 0;
	text-align: center;
	max-height: 620px;
}

#cs-light.modal .modal-dialog {
	margin-top: 75px;
	text-align: center;
}

a[data-type="cs-light"] {
	display: block;
	text-align: center;
}

.cs-light__container {
	position: relative;
	display: block;
}

.cs-light__container .alignleft,
.cs-light__container .alignright {
	margin: 0;
}

.cs-light__lupa {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #000078;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-image: url('img/plus.svg');
	background-position: center;
}

a[data-type="cs-light"]:hover .cs-light__lupa,
a[data-type="cs-light"]:focus .cs-light__lupa {
	background-image: url('img/plus-h.svg');
}


/*Ajustes listas anidades para arreglar el CSS anterior*/

ul li {
	padding-left: 20px;
}

ul li:before {
	margin-left: -20px;
}

ol>li {
	padding: 0 0 0 20px;
}

ol>li:before {
	padding-right: 5px;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 0;
}

ol li ul li:before,
ul li ul li:before {
	margin-left: -20px;
}


/*List anchors*/

.listAnchors ul li {
	padding-left: 0;
}

.listAnchors ul li:before {
	margin: 0;
	content: ""
}

.listAnchors ul ul {
	padding-left: 15px;
	margin-top: 7px;
}

.listAnchors ul li {
	margin-bottom: 7px;
}


/*Aajuste aviso legal*/

footer{font-family: 'UOC Sans_Regular';}

.social-links {
	padding-top: 0;
}

.social-links .copyright {
	font-size: 17px;
	font-weight: normal;
	border-bottom: none;
}

.social-links .copyright:hover, .social-links .copyright:focus {color: #000078;
    text-decoration: underline;}

/*Portadeta*/
.portadeta .entry-content{margin-top:0;}
.portadeta.ruler--secondary{border:none;}

/*blockquote fix*/
.entry blockquote{
  border-left:none;
  border-right:none;
  background-color:transparent;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
}