@charset "UTF-8";
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;
														vertical-align: top;	background: transparent;}
	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; }

	a img 											{	border:none }

/*
	C L A S E S   P R E S E N T A C I O N A L E S
*/
	.aligncenter 			{	display:block; margin:0 auto }
	.alignleft 				{	float:left }
	.alignright 			{	float:right }
	br.clear 				{	clear:both; display:block; height:1px; margin:-1px 0 0 0 }
/*
	E S T I L O S    G E N E R A L E S
*/
	html, body 				{ 	margin: 0; padding: 0; text-align: center; width: 100%; }
	body					{	color: black; font-family: Helvetica, arial, sans-serif; font-size: 62.5%; line-height: 2em; text-align: center; background: rgba(255,255,255,255)}
	h1						{	font-size: 3em; padding: 1em 0; line-height: 1.4em; text-align: center;}
	h2						{	font-size: 2em; padding: 1em 0; line-height: 1.4em; text-align: center; color: black;}
	p						{	font-size: 1.5em; margin-bottom: 1.4em; text-align: left;}
	section 				{	padding: 1em;}
	.volver					{	font-size: 1.5em; }



 
		 /* CSS Flexible Layout Module - Caja Flexible -
		 */
		.flex {
			display: flex;
		
		}

	
	p {
		
		padding-bottom: 3em;
		margin-right: 3em;
		margin-left: 2em;
		text-align: justify;
	}

.guia_uno > img {
	
	width: 100%;
	height: 100%;
}

.padding {
	padding: 3em;
}

.guia_dos > img {
	width: 50%;
	
}

.guia_tres > img {
	
	width: 50%;
	
}

.guia_cuatro > img{
	
	width: 50%;
	margin-bottom: auto;
}

.guia_cinco > img{
	
	width: 50%;
	margin-bottom: auto;
}

#imagenes {
	
	display: flex;
	width: 100%;
	padding: 1em 1em 1em 1em;
}

	
		@media all and (max-width: 700px) {
			button#menu {
				display: block;
				
			}
			nav#superior {
				display: none;
			}
			nav#superior ul {
				flex-direction: column;
			}
		}
		@media (max-width: 500px) {
			#guias { -webkit-flex-direction: column; }
			.guia_dos{
				-webkit-order: 0; width: auto;
			}
		}

		@media (max-width: 900px) {
			p{color:aliceblue;}
		}