@charset "iso-8859-1";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}

html, body {-webkit-text-size-adjust:100%;}
/*
html, body {min-height:100%; height:100%;}
*/

body {
	line-height: 1;
	font-family: 'Economica', Arial, sans-serif;
	font-size: 22px;
	background: #CFD0CF url('imgs/bg.jpg') top center;
	color: #333333;
	margin: 0px;
}


h1, h2, h3, h4, h5, h6 {margin-bottom:0.2em; line-height:1.4;}

p {margin:0 0 0.8em; line-height:1.4;}

.medio {margin:0em 0.8em 0.8em 0em; line-height:1.4; float: left; width: 50%;}

.tercio {margin:0em 0.8em 0.8em 0em; line-height:1.4; float: left; width: 30%;}

.cuarto {margin:0em 0.8em 0.8em 0em; line-height:1.4; float: left; width: 20%;}

.img {margin:0.8em;}

.imgsblogs {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 0.75;
	margin:0.8em;
	width: 100%;
	max-width: 540px;
	border: 3px solid;
}

.imgsblogs:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 1;
}

.imgscomics {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 0.75;
	margin:0.8em;
	width: 100%;
	max-width: 177px;
	border: 3px solid;
}

.imgscomics:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 1;
}

.imgsprosa {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 0.75;
	margin:0 0.8em 0.8em 0.8em;
	width: 100%;
	max-width: 177px;
	border: 3px solid;
}

.imgsprosa:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 1;
}

.publicacioneslist {
	width: 100%;
	height: 250px;	
	overflow: hidden;
}

.imgspublicaciones {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 0.75;
	margin:0.6em;
	height: 200px;
	max-width: 444px;
	border: transparent 3px solid;
}

.imgspublicaciones:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	opacity: 1;
}

.imgscongresos {
	margin:0.8em;
	width: 100%;
	max-width: 540px;
	border: 3px solid;
}

.fb {
	width: 25px;
	height: 25px;
	border: 0px;
	text-indent: -5000px;
	background: transparent url('imgs/fb.png') no-repeat center center;
	display: block;
	margin: 0 auto;
	text-decoration: none;
}

.fb:hover {
	text-decoration: none;
	border-bottom: transparent 5px solid;
}

.tw {
	width: 25px;
	height: 25px;
	border: 0px;
	text-indent: -5000px;
	background: transparent url('imgs/tw.png') no-repeat center center;
	display: block;
	margin: 0 auto;
	text-decoration: none;
}

.tw:hover {
	text-decoration: none;
	border-bottom: transparent 5px solid;
}

.ig {
	width: 25px;
	height: 25px;
	border: 0px;
	text-indent: -5000px;
	background: transparent url('imgs/ig.png') no-repeat center center;
	display: block;
	margin: 0 auto;
	text-decoration: none;
}

.ig:hover {
	text-decoration: none;
	border-bottom: transparent 5px solid;
}

.hide {
	display: none;
}

.fs6 {font-size:0.6em;}
.fs7 {font-size:0.7em;}
.fs8 {font-size:0.8em;}
.fs9 {font-size:0.9em;}
.fs10 {font-size:1em;}
.fs11 {font-size:1.1em;}
.fs12 {font-size:1.2em;}
.fs13 {font-size:1.3em;}
.fs14 {font-size:1.4em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs17 {font-size:1.7em;}
.fs18 {font-size:1.8em;}
.fs19 {font-size:1.9em;}
.fs20 {font-size:2em;}
.fs21 {font-size:2.1em;}
.fs22 {font-size:2.2em;}
.fs23 {font-size:2.3em;}
.fs24 {font-size:2.4em;}

a:link {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	color: #666666;
	text-decoration: none;
}
a:visited {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	color: #666666;
	text-decoration: none;
}
a:active {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	color: #666666;
	text-decoration: none;
}
a:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	color: #333333;
	text-decoration: underline;
}

header {
  background: #CFD0CF url('imgs/bg.jpg') top center;
  padding: 0 0 30px 0;
  font-size:0.8em;
  text-align: center;
}

header .container span {
	display: none;
}
header .container img {
	width: 100%;
	max-width: 1000px;
	clear: both;
}

header .container p {
	margin: 0 20px 0 20px;
}

header .container p a:link {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	font-weight: bold;
	font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
	color: #666666;
	border-bottom: transparent 5px solid;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}

header .container p a:hover {
	-webkit-transition: all linear 0.35s;
	transition:all linear 0.35s;
	font-weight: bold;
	font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
	color: #333333;
	border-bottom: #333333 5px solid;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}

section {
  padding: 25px;
  display: block;
  margin: 0 auto;
//  background: #CFD0CF url('imgs/bg.jpg') top center;
}

.container {
	position: relative
	height: auto;
	overflow: hidden;
}

.parallax-container {
  height: 500px;
  width: 100%;
}

@media screen and (max-width: 1024px) {

	body {
		font-size: 24px;
	}

	.medio {
		width: 100%;
	}

	.desktop {
		display:none;
	}

	.tercio {
		width: 100%;
	}
	.cuarto {
		width: 45%;
	}

	.imgscomics {
		width: 100%;
		max-width: 177px;
		float: left;
	}

}

@media screen and (max-width: 800px) {

	body {
		font-size: 26px;
	}

	.imgsblogs {
		width: 90%;
	}
	.imgscomics {
		width: 90%;
	}

	.desktop {
		display:none;
	}

	.medio {
		width: 100%;
	}

	.tercio {
		width: 100%;
	}

	.cuarto {
		width: 45%;
	}

	.imgscomics {
		width: 100%;
		max-width: 177px;
		float: left;
	}

}

.customloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #CFD0CF url('imgs/page-loader.gif') 50% 50% no-repeat;
}