@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);
	@font-face {
		font-weight: normal;
		font-style: normal;
		font-family: 'codropsicons';
		src:url('../fonts/codropsicons/codropsicons.eot');
		src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
			url('../fonts/codropsicons/codropsicons.woff') format('woff'),
			url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
			url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

	html, body, .container 									{ height: 100%; }

	body 													{ background: #b0afb4; background: -moz-linear-gradient(left, #b0afb4 0%, #e5e5e7 50%, #c9c9cb 100%); background: -webkit-linear-gradient(left, #b0afb4 0%,#e5e5e7 50%,#c9c9cb 100%); background: linear-gradient(to right, #b0afb4 0%,#e5e5e7 50%,#c9c9cb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0afb4', endColorstr='#c9c9cb',GradientType=1 ); color: #fff; font-weight: 300; font-size: 1em; font-family: 'Roboto', sans-serif; overflow: hidden; overflow-y: auto; }

	a 														{ color: #1e7fa0; text-decoration: none; outline: none; }
	a:hover, a:focus 										{ color: #333; }

	h1														{ color: #1e7fa0; text-transform: uppercase; font-weight: 900; font-size: 46px; }
	h1 span 												{ color: #fff; }

	.resultados h2											{ color: #1f7fa0; text-transform: uppercase; font-size: 40px; padding: 0 20px; }
	.resultados p											{ color: #333333; font-size: 28px; padding: 0 20px; }
	.resultados li											{ color: #333333; font-size: 28px; padding: 0 0px; }
	.resultados small										{ color: #333333; padding: 0 20px; display: block; font-size: 14px; line-height: 16px; color: #999; }
	.resultados button										{ border: 5px solid #1e7fa0; background: none; color: #1e7fa0; border-radius: 100px; font-size: 20px; padding: 14px 30px; text-transform: uppercase; font-weight: bold; display: inline-block; margin: 14px 20px; }
	.resultados button:hover								{ border: 5px solid #333; color: #333; }
	.resultados .fs-form-full								{ width: auto; }
	.resultados .fs-form-full, .resultados .fs-message-error{ max-width: inherit; }
	.resultados .fs-form									{ margin: 0 30px 0 24px;}

	a.button								    			{ cursor: pointer; border: 5px solid #1e7fa0; background: none; color: #1e7fa0; border-radius: 100px; font-size: 20px; padding: 14px 30px; text-transform: uppercase; font-weight: bold; display: inline-block; margin: 14px 20px; }
	a.button:hover											{ border: 5px solid #333; color: #333; }

    center img                                              { margin-top: 0px; max-width: 100%; height: auto; }

	.gracias												{ display: none; min-height: 600px; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; width: 100%; height: 100%; background: #b0afb4; background: -moz-linear-gradient(left, #b0afb4 0%, #e5e5e7 50%, #c9c9cb 100%); background: -webkit-linear-gradient(left, #b0afb4 0%,#e5e5e7 50%,#c9c9cb 100%); background: linear-gradient(to right, #b0afb4 0%,#e5e5e7 50%,#c9c9cb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0afb4', endColorstr='#c9c9cb',GradientType=1 ); text-align: center;  }

	#chart_div												{ float: right; }

	.cookieLawBox {
	    background-color:#666666;
	    color:#ffffff;
	    font-family:arial;
	    font-size:13px;
	    font-weight:normal;
	    text-align:left;
		z-index:5;
	}

	.cookieLawAnchor, .cookieLawAnchor:hover {
	    color:#ffffff;
	    text-decoration:underline;
	    font-family:arial;
	    font-size:13px;
	    font-weight:normal;
	}

	.cookieLawButton{ border: 3px solid #fff; background: none; color: #fff; border-radius: 100px; font-size: 14px; padding: 10px 20px;  font-weight: bold; display: inline-block; margin: 0px; }

	.fs-fields .fs-radio-custom label.si::after 			{ background-image: url('../img/check.png'); }
	.fs-fields .fs-radio-custom label.no::after 			{ background-image: url('../img/close.png'); }
	.fs-fields .fs-radio-custom label.twitter::after 		{ background-image: url('../img/twitter.png'); }
	.fs-fields .fs-radio-custom label.facebook::after 		{ background-image: url('../img/facebook.png'); }
	.fs-fields .fs-radio-custom label.linkedin::after 		{ background-image: url('../img/linkedin.png'); }
	.fs-fields .fs-radio-custom label.pinterest::after 		{ background-image: url('../img/pinterest.png'); }
	.fs-fields .fs-radio-custom label.google::after 		{ background-image: url('../img/google.png'); }
	.fs-fields .fs-radio-custom label.no-web::after 		{ background-image: url('../img/no-web.png'); }
	.fs-fields .fs-radio-custom label.si-pero::after 		{ background-image: url('../img/no-pero.png'); }
	.fs-fields .fs-radio-custom label.si-si::after 			{ background-image: url('../img/si-pero.png'); }
	.fs-fields .fs-radio-custom label.instagram::after 		{ background-image: url('../img/instagram.png'); }
	.fs-fields .fs-radio-custom label.si-google::after 		{ background-image: url('../img/h.png'); }
	.fs-fields .fs-radio-custom label.si-otro::after 		{ background-image: url('../img/h.png'); }
	.fs-fields .fs-radio-custom label.si-personal::after 	{ background-image: url('../img/si-personal.png'); }
	.fs-fields .fs-radio-custom label.si-agencia::after 	{ background-image: url('../img/si-agencia.png'); }
	.fs-fields .fs-radio-custom label.data-no::after 		{ background-image: url('../img/data-no.png'); }
	.fs-fields .fs-radio-custom label.data-medium::after 	{ background-image: url('../img/data-medium.png'); }
	.fs-fields .fs-radio-custom label.data-si::after 		{ background-image: url('../img/data-si.png'); }
	.fs-fields .fs-radio-custom label.youtube::after 		{ background-image: url('../img/youtube.png'); }
	.fs-fields .fs-radio-custom label.otros::after 			{ background-image: url('../img/otros.png'); }
	.fs-fields .fs-radio-custom label.si-redes::after 		{ background-image: url('../img/si-redes.png'); }

/* Top Navigation Style */
.codrops-top {
	margin-top: 1em;
}

.codrops-top a {
	font-size: 0.69em;
	padding: 0 0.25em;
	display: inline-block;
	text-decoration: none;
	font-size: 1.2em;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-info:before {
	content: "\e003";
}

.codrops-icon span {
	display: none;
	position: absolute;
	font-size: 0.85em;
	padding: 0.5em 0 0 0.25em;
	font-weight: 700;
}

.codrops-icon:hover span {
	display: block;
	color: #6a7b7e;
}

/* Related demos */
.related {
	font-weight: 700;
	text-align: center;
	padding: 5em 0;
	display: none;
	background: #fff;
	color: rgba(0,0,0,0.3);
}

.overview .related {
	display: block;
}

.related > a {
	border: 3px solid black;
	border-color: initial;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
}

.related > a:hover,
.related > a:focus {
	color: rgba(0,0,0,0.5);
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
}