@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;700&family=Palanquin:wght@700&display=swap');

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



body {
	background: #999877;
	font-family: 'Nunito Sans', sans-serif;
	color: #fff;
}

div#columnleft {
	background: #31574B;
}

div#menu {
	padding: 8% 4%;
}

div#columnleft a,
div#columnleft a:link,
div#columnleft a:visited,
div#columnleft a:active  {
	color: #fff;
	text-decoration: none;

}

div#columnleft a:hover {
	text-decoration: underline;
}

div#colofonhead p, div#colofonfooter p {
	margin: 15px 0;
	line-height: 140%;
	font-size: 90%;
}

div#textossecciones h2{
	font-size: 210%;
	margin: 15px 0;
	font-weight: 700;
	margin-top: 40px;
}

div#numerorevista h1 {
	font-size: 210%;
	margin: 40px 0 5px 0;
	font-weight: 700;
}
div#numerorevista h6 {
	font-size: 150%;
	margin:5px 0;
	font-weight: 700;
	line-height: 140%;
}

div#articulosrevista ul li {
	font-size: 110%;
	margin: 15px 0;
	font-weight: 300;
	line-height: 140%;
}

div#articulosrevista a:link,
div#articulosrevista a:visited,
div#articulosrevista a:link
{
	color: #E7EDEA;
	text-decoration: none;
	font-weight: 700;
}

div#articulosrevista a:hover {
	text-decoration: underline;
}

.autorarticulo {
	font-style: italic;
}

div#textossecciones p {
	font-size: 110% !important;
	line-height: 140% !important;
	text-align: justify;
	font-weight: 300 !important;
	margin: 20px 0;
}

div#textossecciones a{
	color: #fff;
}

div#textossecciones a:link,
div#textossecciones a:visited,
div#textossecciones a:link
{
	color: #E7EDEA;
	text-decoration: underline;
}

div#textossecciones a:hover {
	text-decoration: none;
}

div#logo {
	padding: 8% 0 3% 0;
}

select {
	border: none;
	background: #fff;
	font-size: .9em;
	line-height: 1.3em;
	color: #391d02;
	padding: .1em;
	margin: 15px 0;
}

#homeportada {
	text-align: right !important;
}

div#buscar {
	height: 80px;
}

div#buscar form {
	display: none;
}

div#container {
	position: relative;
}


div#buscar {
		display: block;
		position: relative;
		bottom: 30px;
		right: 0;
		width: 100%;
	}


	div#buscar figure img {
		width: 90%;
		height: auto;
	}

table td {
	padding: 10px 0;
}


@media screen and (min-width: 760px){
	html, body{ height:100%; }
	#displaymenu {
		display: none;
	}

	div#menu {
		text-align: right;
	}

	div#menu ul li {
		display: block;
		margin: 15px;
		font-size: 120%;
	}


	div#columnleft{
		width: 20%;
		display: inline-block;
		vertical-align: top;
		height: 100%;
		margin-right: -4px;
		position: relative;
	}

	div#container {
		display: inline-block;
		width: 70%;
		vertical-align: top;
		height: 100%;
		margin-right: -4px;
		padding: 0 5%;
		overflow: hidden auto;
	}

	div#colofonhead {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 92%;
		padding: 4%;
		text-align: center;
	}

	div#colofonfooter {
		display: none;
		text-align: center;
	}


	div#textossecciones {
		width: 80%;
	}

	div#articulosrevista{
		width: 80%;
	}

	blockquote {
	text-align: righ !important;
	font-size: 400%;
	margin: 30px 0 100px 0;
	font-weight: 700;
	font-family: 'Palanquin', sans-serif;
	}

	div#logohome {
		padding: 100px 0 30px 0;
	}

	div#principalmenu a {
	vertical-align: middle;
	margin-right: 15px;
	display: inline-block;
	}

	div#buscar {
		margin: 90px 0;
	}

	div#buscar figure {
		width: 90px;
		height: 90px;
		border-radius: 55px;
		background: #fff;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 1%;
		cursor: pointer;

	}

	div#buscar form {
		padding: 50px 1% 10px 5%;
	}

	div#buscar form input[type=text] {
		background: #fff;
		padding: 1%;
		font-size: 110%;
		color: #31574B;
		width: 60%;
		border: none;

	}

	div#buscar form input[type=button] {
		background: #31574B;
		padding: 1% 3%;
		font-size: 110%;
		color: #fff;
		border: none;
	}


}

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

	div#columnleft{
		padding: 1% 5%;
	
	}

	div#menu ul{
		display: none;
	}

	div#menu ul li {
		display: block;
		margin: 30px 0;
		font-size: 120%;
	}

	div#logohome {
		padding: 10%;
	}

	div#logohome img{
		width:80%;
		height: auto;
	}

	div#logo img{
		width:60%;
		height: auto;
	}

	blockquote {
	text-align: righ !important;
	font-size: 150%;
	margin: 30px 0 30 0;
	font-weight: 700;
	font-family: 'Palanquin', sans-serif;
	padding: 0 10%;
	}

	div#principalmenu {
		padding: 50px;
	}


	div#principalmenu a {
		margin: 15px 0;
		display: block;
	}


	div#principalmenu img {
		width: auto;
		width: auto;
	}

	div#container {
		padding: 0 5%;
		min-height: 500px;
	}

	div#colofonhead {
		display: none;
	}

	div#colofonfooter {
		background: #31574B;
		padding: 4%;
		clear: both;
		text-align: center !important;
	}

	div#colofonfooter a, div#colofonfooter a:link, div#colofonfooter a:visited, div#colofonfooter a:active {
		color: #fff;
	}

	div#buscar {
		margin: 10px 0;
	}
	
	div#buscar figure {
		width: 50px;
		height: 50px;
		border-radius: 35px;
		background: #fff;
		position: absolute;
		top: 0px;
		right: -50px;
		padding: 1%;
		cursor: pointer;

	}

	div#buscar form {
		padding: 25px 1% 10px 1%;
	}

	div#buscar form input[type=text] {
		background: #fff;
		padding: 1%;
		font-size: 110%;
		color: #31574B;
		width: 50%;
		border: none;

	}

	div#buscar form input[type=button] {
		background: #31574B;
		padding: 1% 3%;
		font-size: 110%;
		color: #fff;
		border: none;
	}

	


}