@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


.fijo {
	position: fixed;
	background: #fff;
	padding: 5px;
	width: 70%;
}

section{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	
}

article{
	background-color: rgb(248, 248, 248);
	margin: 15px;
	padding: 10px;
	line-height: 16pt;
	/* display: block; */
	/* flex-grow: 1; */

		background-color:rgb(255, 255, 255);
		border: 0.1px solid #999;
		border-radius: 5px;
		/* box-shadow: #999 1px; */
		box-sizing: border-box; 
		/* float: left;  */
		/* display: inline-block ; */
		color: #000;
		/* padding: 15px;
		margin: 10px; */
		/* width: 22%; */
		 /* width: 30%;  */

}

li{
	/* background-color:rgb(250, 250, 250); */
	/* border: 1px solid #999; */
	box-sizing: border-box;

	display: inline-flex; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;  
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
} 


h2{
	font:bold 1em Verdana, geneva, sans-serif;
	color:#050505;
	margin: 0;
	padding: 5px 0px 5px 8px;
}

h3{
	/* font:bold 1.7em Verdana, geneva, sans-serif; */
}
#fotico
{
	float: left; 
	margin: 2px;
	padding: 1px;
	width: 100%;
	height: 100%;
 }

.flex-container {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
  }

  

figure{
	float: left;
} 

img {
	border: 1px solid rgb(52, 94, 39);
	border-radius: 10px;
}



footer{
	clear: both;
}

.clearfix{
     clear: both;
  }