@import "../../assets/css/font-awesome.min.css";
@font-face {
  font-family: 'san_francisco_displayregular';
  src: url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.eot');
  src: url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.woff2') format('woff2'), url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.woff') format('woff'), url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.ttf') format('truetype'), url('../../assets/fonts/san_francisco_web/sanfranciscodisplay-regular-webfont.svg#san_francisco_displayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
		@font-face {
			font-family: 'Barlow Semi Condensed';
			src: url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.eot');
			src: url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.eot?#iefix') format('embedded-opentype'),
				 //url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.woff2') format('woff2'),
				 url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.woff') format('woff'),
				 url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.ttf') format('truetype'),
				 url('@{fonts_path}/Barlow_Condensed/BarlowCondensed-Light.svg#san_francisco_displayregular') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		// font mixin secondary
		.font_secondary {
			font-family: "Barlow Semi Condensed", sans-serif;
		}
		.font_secondary_bold {
			font-family: "Barlow Semi Condensed", sans-serif;
			font-weight: bold;
		}
		*/
@font-face {
  font-family: 'Comfortaa-Regular';
  src: url('../../assets/fonts/Comfortaa/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/Comfortaa/Comfortaa-Regular.woff') format('woff'), url('../../assets/fonts/Comfortaa/Comfortaa-Regular.ttf') format('truetype'), url('../../assets/fonts/Comfortaa/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.gradient_page_bg {
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(100%, #d1d1d1));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
}
.font_menu {
  font-family: 'Comfortaa-Regular', sans-serif;
}
.font_default {
  font-family: "san_francisco_displayregular", sans-serif;
}
.font_default_bold {
  font-family: "san_francisco_displayregular", sans-serif;
  font-weight: bold;
}
.foto {
  background-image: url(../../assets/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
}
.full_width {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
/* reset css
------------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
section {
  padding: 20px;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type="button"],
input[type="submit"] {
  cursor: pointer;
}
a {
  color: #2A2A2A;
}
pre {
  opacity: 0.9;
  font-size: 12px;
  padding: 5px;
  position: absolute;
  right: 10px;
}
pre.dump {
  display: table;
}
.pagination_wrap {
  /* background-color: #C9EDB8; */
  text-align: right;
  margin-bottom: 20px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  margin-right: 10px;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #525252;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  font-size: 80%;
}
.pagination > li > a {
  border-radius: 0 !important;
  text-transform: uppercase;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #dddddd;
  border-color: #dddddd;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
html,
body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: "san_francisco_displayregular", sans-serif;
  line-height: 1.25em;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(100%, #d1d1d1));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background-color: #ffffff;
  background-repeat: repeat-x;
  overflow-x: hidden;
}
h1 {
  font-family: "san_francisco_displayregular", sans-serif;
  font-weight: bold;
}
a {
  text-decoration: none;
}
a:hover {
  color: #96425d;
}
section {
  padding: 0;
}
.selected,
.active,
.active > a {
  color: #96425d;
}
.hide {
  display: none !important;
}
.hide_opacity {
  opacity: 0;
}
#wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#wrapper #content {
  flex: 1 0 auto;
}
#wrapper #footer {
  flex-shrink: 0;
}
#wrapper {
  padding: 0;
  max-width: 1490px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}
#content {
  /*
		padding: 40px;
		//padding-top: 0.5em;
		padding-top: 1.5em;

		padding-left: 1rem;
		padding-right: 1rem;

		font-size: 1.25em;
		line-height: 1.35em;
		*/
  padding: 40px;
  padding-top: 0.5em;
  padding-bottom: 0;
  font-size: 1.25em;
  line-height: 1.35em;
}
@media (max-width: 842px) {
  #content {
    padding: 1rem;
  }
}
#content h1 {
  font-family: 'Comfortaa-Regular', sans-serif;
  font-variant: small-caps;
  font-size: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  color: #515151;
}
#content .content_title > h1 {
  padding-bottom: 1em;
}
@media (max-width: 842px) {
  #content .content_title > h1 {
    padding-top: 0;
  }
}
.header {
  font-family: 'Comfortaa-Regular', sans-serif;
}
.header #logo_mujer_y_memoria {
  height: 207px;
  width: 100%;
  background-image: url('../../assets/images/header_cropped_mht.png');
  background-repeat: no-repeat;
}
@media (max-width: 842px) {
  .header #logo_mujer_y_memoria {
    background-size: auto 72%;
  }
}
.header #logo_mujer_y_memoria > a {
  width: 100%;
  height: 158px;
  display: block;
}
.header #nav,
.header #page_lang_selector {
  display: block;
  width: auto;
}
.header #nav {
  padding-left: 30px;
  padding-right: 40px;
  margin-top: -40px;
  float: left;
  font-variant: small-caps;
  font-size: 1.35em;
  padding: 0;
}
.header #nav > ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 842px) {
  .header #nav > ul {
    display: block;
    margin-bottom: 1em;
    background-color: #f5f5f5;
    padding: 1em;
    border-radius: 4px;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.header #nav > ul > li {
  padding: 0.2em;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 842px) {
  .header #nav > ul > li {
    line-height: 1.5em;
  }
}
.header #nav > ul > li > a {
  padding: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}
.header #nav > ul > li > a:hover {
  background-color: #96425d;
  border-radius: 4px;
  text-decoration: none;
  color: #ffffff;
}
@media (max-width: 842px) {
  .header #nav {
    width: 100%;
    margin-top: 0;
  }
}
.header ul#page_lang_selector {
  display: flex;
  margin-top: -37px;
  margin-right: 10px;
  float: right;
}
.header ul#page_lang_selector > li {
  font-family: "san_francisco_displayregular", sans-serif;
  padding-right: 0.6em;
  font-weight: 400;
  font-size: 95%;
}
#footer {
  background-color: #3e3e3e;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 842px) {
  #footer {
    display: block;
  }
}
#footer > * {
  padding: 36px;
}
#footer .footer_title {
  margin-top: 4px;
  color: #E6E6E6;
  font-size: 2em;
  margin-left: 10px;
  font-weight: normal;
  line-height: 1em;
}
#footer .footer_title > span {
  font-size: 70%;
  opacity: 0.7;
}
@media (max-width: 842px) {
  #footer .footer_title {
    padding-bottom: 1em;
  }
}
#footer .www_label {
  display: inline-block;
  margin-top: 4px;
  margin-left: 10px;
  color: #999;
  opacity: 0.8;
}
#footer .www_label > a {
  color: #ffffff;
}
#footer .footer_version {
  display: inline-block;
  margin-left: 8px;
  line-height: 1em;
  position: relative;
  bottom: 1px;
  font-size: 9px;
  color: #b2b2b2;
}
#footer .powered_by {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.8;
  font-weight: 700;
  display: inline-block;
}
#footer .powered_by a {
  color: #CCC;
}
#footer .addthis {
  display: inline-block;
  padding-top: 17px;
  float: right;
  text-align: right;
  clear: none;
}
#footer #footer_address {
  /*background-color: rgba(238,158,208,.1);*/
  display: inline-block;
  color: #d9d9d9;
  font-family: 'texgyreheroscnregular', sans-serif;
  font-size: 94%;
  line-height: 1.3em;
  text-align: left;
}
#footer #footer_social {
  /*background-color: rgba(238,158,208,.1);*/
  display: inline-block;
  position: relative;
  top: -14px;
  left: 40px;
  height: 37px;
}
#footer #footer_social .icon_social {
  display: inherit;
  background-image: url('../../images/social_icons.png');
  background-repeat: no-repeat;
  width: 51px;
  height: 41px;
  opacity: 0.6;
}
#footer #footer_social .icon_mail {
  background-position: 0 0;
}
#footer #footer_social .icon_twiter {
  background-position: -51px 0;
}
#footer #footer_social .icon_facebook {
  background-position: -98px 0;
}
#footer #footer_social .icon_gmaps {
  background-position: -146px 0;
}
#footer #footer_logos {
  /*background-color: rgba(238,158,208,.1);*/
  display: inline-block;
  float: right;
}
#footer #footer_logos .logo_elkasko {
  background-image: url('../../images/');
  display: inherit;
  width: 232px;
  height: 80px;
  float: left;
  position: relative;
  right: 20px;
  left: 10px;
}
#footer #footer_logos .logo_gov_navarra {
  background-image: url('../../images/');
  display: inherit;
  width: 281px;
  height: 80px;
  float: right;
  opacity: 0.7;
}
.button_mixer {
  padding: 0.25em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 100%;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.8;
  border-radius: 0.2em;
}
.button_mixer:hover {
  opacity: 1 !important;
}
.button_mixer:active {
  opacity: 0.5 !important;
}
span.gen_button {
  padding: 0.25em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 100%;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.8;
  border-radius: 0.2em;
  background-color: #771ea7;
  font-size: 0.85em;
  margin-right: 0.25em;
}
span.gen_button:hover {
  opacity: 1 !important;
}
span.gen_button:active {
  opacity: 0.5 !important;
}
input {
  height: 2.5em;
  line-height: 2em;
  background-color: #fff;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 100%;
  cursor: default;
  opacity: 0.9;
  -webkit-appearance: initial;
  border-radius: 4px;
  border: 1px solid #a6a6a6;
}
input[type="button"],
input[type="submit"] {
  padding: 0.25em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 100%;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.8;
  border-radius: 0.2em;
  background-color: #771ea7;
  margin-left: 0.5em;
  text-transform: capitalize;
  margin-right: 0;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  opacity: 1 !important;
}
input[type="button"]:active,
input[type="submit"]:active {
  opacity: 0.5 !important;
}
.video_wrapper {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.video_wrapper .watermark {
  background-image: url("../../assets/images/logo_watermark_big.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  width: 20%;
  height: 10%;
  z-index: 999999;
  background-size: contain;
}
@media (max-width: 842px) {
  .video_wrapper .watermark {
    width: 20%;
    height: 7%;
  }
}
.tipsy {
  z-index: 9;
  font-size: 1em;
}
.tipsy .tipsy-inner {
  text-align: left;
  max-width: 400px;
  padding: 0.5em;
}
.pagination > .active > a {
  background-color: #4a4a4a;
}
/*
	// tooltip Box
	.con-tooltip {

	  position: relative;
	  background: #F2D1C9;
	  
	  border-radius: 9px;
	  padding: 0 20px;
	  margin: 10px;
	  
	  display: inline-block;
	  
	  transition: all 0.3s ease-in-out;
	  cursor: default;

	}

	// tooltip  
	.tooltip {
	  visibility: hidden;
	  z-index: 1;
	  opacity: .40;
	  
	  width: 100%;
	  padding: 0px 20px;

	  background: #333;
	  color: #E086D3;
	  
	  position: absolute;
	  top:-140%;
	  left: -25%;
	  

	  border-radius: 9px;
	  font: 16px;

	  transform: translateY(9px);
	  transition: all 0.3s ease-in-out;
	  
	  box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
	}


	//  tooltip  after 
	.tooltip::after {
	  content: " ";
	  width: 0;
	  height: 0;
	  
	  border-style: solid;
	  border-width: 12px 12.5px 0 12.5px;
	  border-color: #333 transparent transparent transparent;

	  position: absolute;
	  left: 40%;

	}

	.con-tooltip:hover .tooltip{
	  visibility: visible;
	  transform: translateY(-10px);
	  opacity: 1;
	    transition: .3s linear;
	  animation: odsoky 1s ease-in-out infinite  alternate;

	}
	@keyframes odsoky {
	  0%{
	    transform: translateY(6px);	
	  }

	  100%{
	    transform: translateY(1px);	
	  }

	}

	// hover ToolTip 
	.left:hover {transform: translateX(-6px); }
	.top:hover {transform: translateY(-6px);  }
	.bottom:hover {transform: translateY(6px);}
	.right:hover {transform: translateX(6px); }



	// left 
	.left .tooltip{ top:-20%; left:-170%; }
	.left .tooltip::after{
	  top:40%;
	  left:90%;
	  transform: rotate(-90deg);
	}




	// bottom 
	.bottom .tooltip { top:115%; left:-20%; }
	.bottom .tooltip::after{
	  top:-17%;
	  left:40%;
	  transform: rotate(180deg);
	}



	// right 
	.right .tooltip { top:-20%; left:115%; }
	.right .tooltip::after{
	  top:40%;
	  left:-12%;
	  transform: rotate(90deg);
	}
	*/
/*# sourceMappingURL=page.css.map */