@charset "utf-8";
/* CSS Document */
/*===  $$ @font-face // Google fonts  ====*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic);
/*==========  $$Etiquetas  ==========*/
html{
	font-size:16px;
}
body {
	font-size:1em; /*Fallback*/
	font-size:1rem;
	font-family: 'Roboto', sans-serif;
}
main{/*Influye en la estructura*/
	display:block;
	width:auto;
	height:auto;
	min-height:100%;
	padding-bottom:5em;/*la misma altura del footer*/
	background-image:url(../img/background-2020.png);
	background-position:bottom;
	background-repeat:no-repeat;
	/*background-attachment: fixed;*/
	/*background-size:100%;*/
}
main#thankyou{background-image:none !important;}

main:after{/*Influye en la estructura*/
	width: 100%;
	height: 5em;/*la misma altura del footer*/
	display: block;
	clear: both;
	overflow:hidden;
}
/*section{background-color:rgba(255,255,255,0.8);}*/

section#report-cover{background-color:rgba(255,255,255,0) !important;}
section#description{background-color:rgba(255,255,255,1) !important; padding-top:1em;}
section#data-form{
	background-color:rgba(255,255,255,1) !important;
	padding-bottom: 50px;
}
section#download{background-color:rgba(255,255,255,1) !important; }
h1 {font-family: 'Roboto', sans-serif;	font-weight:100; font-size:2em; padding:1em 0 0 1.5em; line-height:0.8em;}
h2 {font-family: 'Roboto', sans-serif;	font-weight:100; font-size:1.5em; padding:0 0 1em 2em;}
h3 {font-family: 'Roboto', sans-serif;	font-weight:700; font-size:2em; padding:1em 2em; text-align:center;}
h4 {font-family: 'Roboto', sans-serif;	font-weight:700; font-size:2em; padding:1em; text-align:left; color:rgb(57,147,62);
}
h5 {font-family: 'Roboto', sans-serif;	font-weight:400; font-size:1.3em; padding:1em 2em; text-align:left;
}
h6 {
}
p {font-family: 'Roboto', sans-serif; font-weight:300; padding:0 5em 1em 3em; color:#555555;}
i {
}
b {
}
strong {
	font-weight:bold;
}
em{
}
small {
	font-size:80%;
}
big {
	font-size:120%;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
a {
}
a:link {
	/*text-decoration:underline;*/
}
a:hover {
	/*text-decoration:underline;*/
}
a:active {
}
a:visited {
}
a:visited:hover {
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
aside{
	overflow:hidden;
	display:block;
}
/*==========  $$Wrapper  ==========*/
.wrapper{
/*Mantener la relación de con la altura del Footer*/
	padding-bottom:-5em;
	border-bottom: thin solid #eaeaea;
}
.wrapper:after{
	height: 5em;
}
/*=========  $$Form  =========*/
.form{padding:1em 0 0 3em;}
label{font-family: 'Roboto', sans-serif; font-weight:300; }
label p{width:11em; float:left; padding:0;}
label p.long{width:20em; float:left; padding:0;}
p.mandatoryStar{text-align: left; margin-top: 1em; padding-bottom: 0;}
.right-side{padding-top:2em;}
.right-side p{padding-left:0;}
.right-side label p{float:left; padding:0;}
.right-side .form{padding-left:2em; padding-top:0;}
.hidex{padding-left:0; margin-left:0;}
select{max-width:175px;}
.small-txt{color: #444444; font-size: 11px; margin: 0; padding-left: 0;}
input[type="text"]{width: 90%;}
	input[type="number"]{width: 90%;}
	input[type="select"]{width: 90%;}
	input[type="email"]{width: 90%;}
	.select{max-width:385px; width:100%;}
/*=========  Validación  ========*/
input:required:focus:invalid {
	background-color: red;
	border: 1px solid black;
}
input:required:focus:valid {
	background-color: green;
	border: 1px solid black;
}
/*=========  $$Estilos utilitarios  ========*/
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.space {
	height:1em;
	clear:both;
}
.img-responsive{
	width:100%;
	height:auto;
	max-width:390px;
}
.invisible {
    visibility: hidden;
}
.not-desktop{
	display:none;
	/*los estilos not-tablet y no-mobile se definen en los media queries*/
}
.only-desktop{
	display: block;
}
.only-tablet, .only-mobile{
	display:none;
}
.fullheight{
	width: 100%;
	height:450px; /*Modificar*/
}
#go-top{
	display:none;
	text-align: right;
	right:1em;
	position: fixed;
	bottom: 4em;
}
#go-top a{
	display:inline-block;
	width: 5em;
	color:white;
	padding:1em;
	font-size:0.8em;
	background:grey;
}
#go-top a:hover{
	background:#0d091a;
}
/*=========  $$Layout  ========*/
/*=========  $$Header  ========*/
header{ padding:1em 0; text-align:left; border-bottom:thin solid #eaeaea; /*background-image:url(../img/header-bg.jpg); background-size:cover; background-position:center;*/}
header #logo{padding-left:3em;}
/*=========  $$Menu  ========*/
nav{
}
/*=========  $$Contenido  ========*/
section#title{text-align:center; padding:1em 0;}
#cover{padding-top: 3em;}
section#sec-introduction{padding-bottom:1em; background:rgba(255,255,255,0.8);}
article#introduction{padding-top:1em;}
article#introduction p{padding-right:1em; line-height: 27px;}
#introduction ul{padding-left:5em; font-family: 'Roboto', sans-serif; font-weight:300;}
#introduction ul li{list-style:circle; color:#555555; padding-bottom:10px;}
#intro-full-width {padding-top:1em;}
#intro-full-width ul{padding-left:5em; font-family: 'Roboto', sans-serif; font-weight:300;}
#intro-full-width  ul li{list-style:circle; color:#555555; padding-bottom:10px;}
.report{text-align:center;}
.blue{background-color:rgba(74,146,202,1); color:#FFFFFF;}
.separator{border-bottom:rgb(101,177,209) solid thin; min-height:5px; display:block;}
.side{border-left:rgb(101,177,209) solid thin; margin-top:1.5em;}
.markets-logo{min-height:100px; margin-left: 2.8em; padding:10px 0;}
p.download{padding-left:2em;}
.rrss{width:350px; margin:0 auto; padding-bottom:1em; min-height:100px;}
.rrss li{float:left; text-align:center; margin-right:2em;}
#complementary p{padding-right:1em;}
.large-padding-top{padding-top:3em;}
.col-form{width:50% !important;}
/*=========  $$Footer  ========*/z
footer{
	clear:both;
	display:block;
	overflow:hidden;
	bottom:0;
	height:10em;
	margin: -5em auto 0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:12px;
}

footer p{padding-top:2em; font-size:0.8em;}
.logo-fdi{text-align:center; padding:1em 0 0 0;}
/*=========  $$Media queries & Breakpoints  ========*/
  @media only screen and (min-width: 1200px) {
}
/*=====  Tablet ====*/
  @media only screen and (min-width: 768px) and (max-width: 979px) {
}
 @media only screen and (max-width: 820px) {
}
/*=====  Mobile landscape====*/
 @media only screen and (min-width: 581px) and (max-width: 767px) {
}
 @media only screen and (max-width: 767px) {

}
/*=====  $$Mobile portrait  ====*/
 @media only screen and (max-width: 580px) {
}
/*=====  Display only-tablet // only-mobile //  only-desktop  ===== */
 @media only screen and (min-width: 768px) and (max-width: 979px) {
	.only-tablet{
		display:block;
	}
	.only-desktop{
		display:none !important;
	}
	.not-tablet{
		display:none;
	}
	.grid-desktop6{width:100% !important;}
	.col-form{width:50% !important;}
	input[type="text"]{width: 90%;}
	input[type="number"]{width: 90%;}
	input[type="select"]{width: 90%;}
	input[type="email"]{width: 90%;}
	.select{max-width:280x; width:100%;}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
	 .only-mobile{
		 display:block;
	 }
	 .only-desktop{
		display:none !important;
	}
	.not-mobile{
		display:none;
	}
	label p.long{width:100%;}
	.grid-desktop6{width:100% !important;}
	.col-form{width:100% !important;}
	.large-padding-top{padding-top:1em;}
	.small-text{padding-left:0 !important;}
	.no-pad-mob{padding-left:0 !important;}
	input[type="text"]{width: 55%;}
	input[type="number"]{width: 55%;}
	input[type="select"]{width: 55%;}
	input[type="email"]{width: 55%;}
	.select{max-width:282px;}
}
 @media only screen and (min-width: 80px) and (max-width: 479px) {
	 .only-mobile{
		 display: block;
	 }
	.only-desktop{
		display:none !important;
	}
	.not-mobile{
		display:none;
	}
	label p.long{width:100%;}
	.large-padding-top{padding-top:1em;}
	.col-form{width:100% !important;}
	.grid-desktop6#itroduction{width:100% !important;}
	.small-text{padding-left:0 !important;}
	.no-pad-mob{padding-left:0 !important;}
	input[type="text"]{width: 90%;}
	input[type="number"]{width: 90%;}
	input[type="select"]{width: 90%;}
	input[type="email"]{width: 90%;}
	.select{max-width:300px; width:100%;}
}
/*=========  $$ Breakpoints  ========*/
  @media only screen and (min-width: 1200px) {

}
  @media only screen and (max-width: 1200px) and (min-width: 980px) {

}
 @media only screen and (min-width: 581px) and (max-width: 979px) {

 }
