@import url(icomoon/style.css);
@import url(normalize.css);
@import url(style.css);
@import url(style2.css);

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/Oswald-Bold_1-webfont.eot');
    src: url('fonts/Oswald-Bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Bold_1-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Bold_1-webfont.woff') format('woff'),
         url('fonts/Oswald-Bold_1-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Bold_1-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/Oswald-Light_1-webfont.eot');
    src: url('fonts/Oswald-Light_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Light_1-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Light_1-webfont.woff') format('woff'),
         url('fonts/Oswald-Light_1-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Light_1-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswald_stencilregular';
    src: url('fonts/Oswald-Stencil_0-webfont.eot');
    src: url('fonts/Oswald-Stencil_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Stencil_0-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Stencil_0-webfont.woff') format('woff'),
         url('fonts/Oswald-Stencil_0-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Stencil_0-webfont.svg#oswald_stencilregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a { text-decoration: none; }
ul, li {
  margin: 0;
  padding: 0; 
}
.clear { clear: both; }
.content { max-width: 1600px; }
.wrapper {
  width: 1024px;
  padding: 0 5px; 
}
.wrapper, .content { margin: 0 auto; }
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.tac { text-align: center; }
.taj { text-align: justify; }
.tal { text-align: left; }
.tar { text-align: right; }
.db { display: block; }
.dib { display: inline-block; }
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
.cp { cursor: pointer; }
.cd { cursor: default; }
.l { float: left; }
.r { float: right; }
ul.ul_hoz li { display: inline-block; }

#sidelinks {
	display:block;
	width:50px;
	height:100px;
	position:fixed;
	left:0;
	top:50%;
	margin-top:-50px;
}
#sidelinks img {
	padding:0;
	margin:-3px;
}
.fac-legend {
	width:70%;
	background-color:#FECC2F;
	color:#002FA1;
	font-weight: bold;
	font-size:1.2em;
	padding:10px;
	margin:10px auto;
	text-align:center;
}
.descarga {
	font-family: 'oswaldbold';
	font-size: 2em;
    background-color: #024CA8;
    color: #FECC2F;
    padding: 10px 0;
    text-align: center;
}
.rndcorner {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#CER {
	background-color:#F3EACC;
	color:#1D388C;
	width:85%;
	padding:10px 20px;
	list-style-position: inside;
	line-height:normal;
	border:4px solid #1D388C;
}
#GERC {
	background-color:#F1D333;
	color:#1D388C;
	width:85%;
	padding:10px 20px;
	list-style-position: inside;
	line-height:normal;
	border:4px solid #1D388C;
}
#RM {
	background-color:#e7a410;
	color:#1D388C;
	width:85%;
	padding:10px 20px;
	list-style-position: inside;
	line-height:normal;
	border:4px solid #1D388C;
}
#botonfac {
	margin:10px auto;
}
a.fillthediv{display:block;height:100%;width:100%;text-decoration: none;}

/* Added by RHC - Modal window */

.modal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  &:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  & > div {
    width: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
  }
  header {
    font-weight: bold;
  }
  h1 {
    font-size: 150%;
    margin: 0 0 15px;
  }
}

.modal-close {
  color: #1D388C;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
  &:hover {
    color: black;
  }
}

/* Demo Styles */


.container {
  display: grid;
  justify-content: center;
  align-items: center;
  /* height: 100vh; */
}

.modal-window {
  & > div {
    border-radius: 1rem;
	background-color:#ffcc04;
	width:540px;
	
  }
}

.modal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}

.logo {
  max-width: 150px;
  display: block;
}

small {
  color: #1D388C;
}

.btn {
  background-color: #1D388C;
  padding: 1em 1.5em;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight:bold;
  color:#ffffff;
  letter-spacing: 2px;
  i {
    padding-right: 0.3em;
  }
}

.interior {
	padding:1em 0;
}