@font-face {
	font-family: 'realaccessability';
	src:url('fonts/realaccessability.eot?717675');
	src:url('fonts/realaccessability.eot?717675#iefix') format('embedded-opentype'),
		url('fonts/realaccessability.ttf?717675') format('truetype'),
		url('fonts/realaccessability.woff?717675') format('woff'),
		url('fonts/realaccessability.svg?717675#realaccessability') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*@import url("https://use.fontawesome.com/releases/v5.14.0/css/all.css"); */
/*
@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}*/

.real-accessability-body {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2ms;
    -o-transition: all 0.2ms;
    transition: all 0.2s; 	
}

#real-accessability {
	width: 200px;
	background: #fff;
	border: 1px #063d8d solid;
	border-right-width: 0;
	position: fixed;
	top: 110px;
	right: -200px;
	min-height: 35px;
	z-index: 999999999;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2ms;
    -o-transition: all 0.2ms;
    transition: all 0.2s;  
    font-size: 15px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#real-accessability a#real-accessability-btn {
	background-color: #063d8d;
	position: absolute;
	top: -1px;
	left: -40px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

#real-accessability a#real-accessability-btn i {
	font-family: 'realaccessability';
	font-size: 26px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	color: #fff;	
}

#real-accessability a#real-accessability-btn i.real-accessability-icon:before {
	content: "\e907";	
}

#real-accessability a#real-accessability-btn i.real-accessability-loading {
	display: none;
}

#real-accessability a#real-accessability-btn i.real-accessability-loading:before {
	content: "\e908";
	font-size: 20px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;		
}

@-webkit-keyframes spin {
	from {
		-webkit-transform:rotate(0deg);
	}
	
	to {
		-webkit-transform:rotate(360deg);
	}
}

#real-accessability.open {
	right: 0;
}

#real-accessability ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}

#real-accessability ul li {
	line-height: 33px;
	border-top: 1px #ccc solid;
}

#real-accessability ul li:first-child {
	border-top: 0;
}

#real-accessability ul li a {
	display: block;
	padding: 0 10px;
	color: #222;
	text-decoration: none;
	position: relative;
}

#real-accessability ul li a:before {
	font-family: 'realaccessability';	
	font-size: 17px;
	margin-right: 10px;
	position: relative;
	top: 2px;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

#altocontraste:before {
    font-family: 'FontAwesome' !important;
    content: "\f042" !important;	
}

#real-accessability-mapa:before {
    font-family: 'FontAwesome' !important;
    content: "\f0e8" !important;	
}

#real-accessability-custom:before {
    font-family: 'FontAwesome' !important;
    content: "\f29a" !important;	
}

#real-accessability-glossario:before {
    font-family: 'FontAwesome' !important;
    content: "\f022" !important;	
}
#real-accessability ul li a#real-accessability-biggerFont:before {
	content: "\e901";
}

#real-accessability ul li a#real-accessability-smallerFont:before {
	content: "\e902";
}

#real-accessability ul li a#real-accessability-invert:before {
	content: "\e904";	
}

#real-accessability ul li a#real-accessability-grayscale:before {
	content: "\e903";
}

#real-accessability ul li a#real-accessability-linkHighlight:before {
	content: "\e906";
}

#real-accessability ul li a#real-accessability-regularFont:before {
	content: "\e900";
}

#real-accessability ul li a#real-accessability-reset:before {
	content: "\e905";
}

#real-accessability ul li a:hover:before,
#real-accessability ul li a.clicked:before {
	background-position-y: bottom !important;
}

#real-accessability ul li a:hover {
	background-color: #fafafa;
	color: #063d8d;
}

#real-accessability ul li a.clicked {
	background-color: #fafafa;
	color: #063d8d;
	-moz-box-shadow: inset 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inset 0 0 3px #ccc;	
}

#real-accessability-copyright {
	text-align: center;
	line-height: 25px;
	font-size: 13px;
}

#real-accessability-copyright a {
	background: #eaedf2;
	color: #424e5f;
	display: block; 
	padding: 8px 10px;
}

#real-accessability-copyright a:hover {
	background: #355f9d;
	text-decoration: underline;
	color: #fff;
}

#real-accessability-player {
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    border-top-width:1px;
    border-top-color:#ccc;
    border-top-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ccc;
    border-bottom-style:solid;
    padding-top:12px;
    padding-bottom:12px;
}
#real-accessability-player span{
    display:block;
    font-size:15px;
    color:#424e5f;
}


/* Effects */

.real-accessability-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);	
}

.real-accessability-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);	
    color: #000;
}

.real-accessability-linkHighlight a {
	text-decoration: underline !important;
}

.real-accessability-regularFont {
	font-family: Arial, Helvetica, sans-serif !important;
}

/* RTL Support */
html[dir="rtl"] #real-accessability {
	left: -197px;
	right: auto;
	border-right-width: 1px;
	border-left-width: 0;
	
}

html[dir="rtl"] #real-accessability.open {
	right: auto;
	left: 0;
}

html[dir="rtl"] #real-accessability a#real-accessability-btn {
	right: -40px;
	left: auto;
}

html[dir="rtl"] #real-accessability ul li a:before {
	margin-right: 0;
	margin-left: 10px;
}

.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast table,
.contrast tr,
.contrast td {
    background: black !important;
    color: white !important;
}
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}

.contrast a{
    color: yellow !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}