@import "https://fonts.googleapis.com/css?family=Barlow+Condensed:500";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


* { margin:0; padding:0; border:none; outline:none; }
input::-moz-focus-inner { border:0; }
input[type="text"], input[type="button"] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; }

html { color:#333; font-size:1em; line-height:1.3em; background:url(fnd_home.png) 0 0 repeat-x #FFF; color:#222; }
body { -webkit-text-size-adjust:none; background:url(fnd_home.jpg) center 0 no-repeat; }

a { text-decoration:none; color:#FF0049; }
	a:hover { text-decoration:none; border-bottom:1px dotted; }
p { line-height:1.3em; }
ul { list-style:none; }


h1 strong, h2, h3, h4, h5, h6, #grTxt mark, .article li strong, .btnHome, header .grDestacado, #grFiles a { font-family:"Barlow Condensed", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight:500; line-height:1.2em; }
body, h1 { font-family:"Open Sans", Helvetica, Arial, Geneva, sans-serif; font-weight:500; line-height:1.2em; }

.btnHome { display:inline-block; padding:.95em 1em 1.05em; border-radius:30px; line-height:0; color:#fff; text-transform:uppercase; font-weight:500; background:#FF0049; }
	.btnHome:hover { border:none; background:#FF9B00; position:relative; top:-1px; }
	.btnHome.small { background:#fff; color:#FF0049; font-size:.7em; border:2px solid; margin:0 auto 1em; }
		.btnHome.small:hover { color:#FF9B00; }
#hTop { position:relative; padding-top:2em; border:0; margin:0 auto 1em; }
h1 { position:relative; width:90%; box-sizing:border-box; padding:5em 55% 3em 0; margin:0 auto; font-size:2em; line-height:1.1em; color:#666; font-weight:200; }
	h1 strong { display:block; padding-bottom:.3em; color:#FF0049; font-size:1.3em; line-height:1em; }
	h1 em { font-style:normal; }
	h1 em strong { display:inline; color:#666; font-size:.9em; text-transform:uppercase; }
	h1 img { position:absolute; bottom:0; right:0; width:auto; height:95%; }
	h1 .btnHome { margin:.5em auto; font-size:.9em; }
h2 { width:10em; height:1.5em; position:absolute; left:0; top:1em; z-index:1;
	text-indent:-9999px; background:url(menew_logo_txt.png) center center no-repeat; background-size:contain; }

#hTop article { padding:2em .3em; border:1px solid #ddd; border-radius:1em; text-align:center; background:#fafafa; }
	#hTop article p { display:table-cell; vertical-align:top; padding:0 2em 0 0; text-align:left; font-size:1.1em; line-height:1.2em; }
		#hTop article p.grDestacado { width:13em; padding:0 1.4em; color:#FF0049; font-size:1.4em; }
		#hTop article p strong { font-weight:normal; color:#FF0049; }

#hTop, section { width:920px; margin:0 auto; }
.login { position:absolute; top:1em; right:0; }
	.login a:before { display:inline-block; content:''; width:1em; height:1em; margin-right:.3em;
		vertical-align:sub; line-height:1em; background:url(ico_user.png) center center no-repeat; background-size:contain; }

/* .articles */
.article { padding:4em 0; border-bottom:1px dotted #ccc; }
	.article .container { box-sizing:border-box; display:inline-block; vertical-align:middle; width:50%; padding:0 4em 0 0; }
		.article .container.img { padding:0 !important; }
		.article .container.img img { width:100%; height:auto; display:inline-block; }
	.article h3 { font-size:2.3em; color:#FF0049; line-height:1.05em; }
	.article .grDestacado { color:#777; font-size:1.25em; line-height:1.3em; margin:1em 0; }
	.article ul { list-style:none; font-size:1.2em; }
		.article ul li { position:relative; padding:0 0 0 4em; margin:1.5em 0; color:#666; line-height:1.25em; }
			.article ul li img { position:absolute; left:0; top:.4em; width:3.2em; height:auto; }
			.article ul li strong { color:#222; font-weight:500; font-size:1.2em; }
	.article small { font-size:.8em; line-height:1.2em; color:#999; }
		.article small a { color:#555; }
	
	#grPasos {  }
		#grPasos header { width:auto; }
		#grPasos h3 { font-size:1.7em; margin-top:2em; line-height:.9em; }
		#grPasos .container { width:15%; padding:0; margin:0 2% 0 0; vertical-align:top; }
			#grPasos .container:last-child { margin:0; }
			#grPasos .grDestacado { font-size:1em; margin:.5em 0; }
		#grPasos .full { display:block; width:100%; margin:2em 0; }

	#grDemo .btnHome { font-size:1.25em; margin-top:1em; }
	#grDemo img { margin-bottom:-7em; }
	#grDemo.article { padding-bottom:7em; }
		#grDemo.article .container { padding:0 0 0 4em; }

	#grFiles.article { overflow:hidden; }
		#grFiles.article img { margin-bottom:-34em; }
		#grFiles.article a { font-size:1.2em; }

/* Lista iconos */
.article .container.full { width:100%; padding:0; text-align:center; }
.article .container.col { padding:0 0  0 3em; vertical-align:top; }
	.article .container.col:nth-child(even) { padding:0 3em 0 0; }
	.article .container ol { display:inline-block; }
		.article .container ol li { display:inline-block; vertical-align:top; width:27%; margin:2.5%; font-size:1.2em; line-height:1.2em; }
		.article .container ol li img { width:auto; height:8em; }
		.article .container ol li h4 { margin:.4em 0; font-size:1.4em; color:#FF0049; }
		.article .container ol li p { font-size:.9em; }

/* PIE */
#footer { padding:4em 0; }
	#footer a { color:#666; }
	#footer a#gr3VASES { width:75px; height:20px; margin:0 auto; padding:10px; border:0 !important; text-indent:-9999px; background:url(un_desarollo_3VASES.png) center center no-repeat; display:block; }
	#footer p { text-align:center; font-size:11px; color:#999; margin:3px; }

/* LEGAL */
#grLegal { padding:20px 40px; }
	#grLegal h1 { margin:30px 0 5px; text-align:left; font-size:16px; }
	#grLegal p { text-align:left; font-size:12px; }

/* RESPONSIVE */
@media (max-width: 960px) {
	h1 { width:11em; padding:3.3em 0 0; text-align:center; font-size:1.6em; line-height:0; }
		h1 em { line-height:1.1em; }
		h1 .btnHome { display:block; width:7em; }
		h1 img { position:static; width:150%; height:auto; margin:0 0 0 -50%; }
	h2 { width:8em; top:.6em; }
	#hTop, section { width:90%; margin:0 auto; }
		#hTop article { padding:0 1em; margin:1em 0; }
			#hTop article p { display:block; width:auto !important; padding:0 !important; margin:1em .5em; }
	.login {  }
		.login a { font-size:0; display:block; width:25px; height:25px; padding:5px; }
			.login a:before { width:100%; height:100%; }

	.article { padding:2em 0 0; }
		.article .container { display:block; width:100%; padding:3em 0 0; }
			.article:nth-child(even) .container { padding:3em 0 0; }
			.article .container ol li img { height:6em; }
	#grPasos { text-align:center; }
		#grPasos .container { display:inline-block; width:45%; margin:0 0 0 5% !important; text-align:left; }
			#grPasos .container.img { margin:0 0 2em !important; }
			#grPasos .container.full { display:block; width:100%; text-align:center; margin:0 0 2em; }
			#grPasos .container h3 { margin-top:3em; }
				#grPasos .container.full h3 { margin:0 0 1em; }
	.article .container ol li { width:100%; margin:1.5em 0; }
	.article .container.col { padding:0 !important; }
	#grDemo { padding:3em 0 !important; text-align:center; }
		#grDemo.article .container { padding:0; }
		#grDemo img { width:80%; margin:0 auto; }
	#grFiles { text-align:center; }
		#grFiles .container { padding:0; }
		#grFiles h3 { padding:0; }
		#grFiles img { width:80%; margin:2em auto -18em !important; }
	}