@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Calibri';
    src: url('webfonts/Calibri.eot');
    src: url('webfonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Calibri.woff2') format('woff2'),
        url('webfonts/Calibri.woff') format('woff'),
        url('webfonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('webfonts/Calibri-Bold.eot');
    src: url('webfonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Calibri-Bold.woff2') format('woff2'),
        url('webfonts/Calibri-Bold.woff') format('woff'),
        url('webfonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
	margin: 0px;
	padding: 0px;
	overflow-x: auto;
	overflow-y: scroll;
	opacity:0;
  font-family: 'Calibri';
  font-weight: normal;
  font-style: normal;

}
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: normal;
  font-family: 'Calibri';
  font-weight: normal;
  font-style: normal;
}
.justificar{
  text-align: justify; /* For Edge */
  text-align-last: left;
}
.displayinlinemiddle{
  display:inline-block;
  vertical-align: middle;
}
.colorazul{
  color:#031162;
}
.colorgris{
  color:#636466;
}
.colorblanco{
  color:#fff;
}
.boton{

  color: white;
  transition: 0.3s;
  display:inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  background-size: 100% 100%;
  padding-left: 30px;
  padding-right: 30px;
}
.boton_siguiente{
    background-image: url(img/siguiente.png);
}
.boton_anterior{
    background-image: url(img/anterior.png);
}


#intro_centered_content{
  text-align: left;
}
#screendialog{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    cursor:pointer;
}
#screendialog_background{
    position:fixed;
    background-color: #2bce75;
    opacity:0.5;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
#screendialog_area{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
#screendialog_bluearea{
  padding:35px;

  transition: 0.3s;
  background-image: url(img/fondodiag.svg);
  background-size: 100% 100%;
}

#diagicon{
  margin-bottom:30px;
}
#diagmessage{
  color:#FFF;
  margin-bottom:10px;
  font-family: 'Calibri';
  font-size: 30px;
  text-overflow:ellipsis;
  word-wrap: break-word;
}
#acceptbutton{

}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#cargando{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-color: rgba(0,83,160,0.5);
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}
#cargando_interno{
  position:relative;
}
#cargador{
  position:absolute;
}