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

/* body */
/* { background-image: url(../2018/17920520.jpg)} */

/* nav{
	clear: both;
		
} */
*{
	margin: 0;
	padding: 0;
	
}
figure{
	margin: 5px;
	padding: 5px;
}

body {
   width: 100%; 
  background: linear-gradient(45deg,  #ffa260 0%,#f8cf92 65%); 
  padding: 1%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
header
		{
			background: burlywood;
			color:#FFFFCC;
			margin: 20px auto;
			padding: 15px;
			border: 3px solid #FFCC79;
			border-radius: 10px;
			box-shadow: #999 5px 5px 5px 5px;
			width: 89%;
			clear: both;
			text-align: center;
		}
		nav{
			border-radius: 10px;
			background: papayawhip;
			width: 90%;
			margin: 20px auto; 
			overflow: hidden;
		} 
		nav ul {
			list-style: none;
		}
		nav ul li{
			background-color: papayawhip;
			float: left;
		}
		nav ul li a{
			
			padding: 10px 20px;
			display: block;
			color: #fff;
			text-decoration:none;
		
		}
		
		a:link { font-weight: bold; color: #006600; text-decoration: none}
		a:visited { font-weight: bold; color: #9900FF; text-decoration: none}
		a:hover { font-weight: bold; color: #FF9966; text-decoration: none}
		a:active { font-weight: bold; color: rgb(75, 31, 18); text-decoration: none}
		/* .Estilo15 {font-size: 12px; color: #000000;font-family: Arial, Helvetica, sans-serif; text-align:justify}
		.Estilo35 {color: #CC0000; font-weight: bold; } */
		
		
		nav ul li a:hover{
			background:rgb(238, 237, 237);
			text-decoration-line: overline;
		}

		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: 1px solid #999;
				border-radius: 10px;
				box-shadow: #999 2px 2px 2px 2px;
				box-sizing: border-box; 
				color: #444;

		
		}
div .pata{
	display: block;
	/* overflow: hidden; */
	background: rgb(231, 221, 221);
	font-size: 0.7em;
	position: absolute;
	width: 95%;
	top: 280px;
	/* right: 5px; */
}

footer
		{
			background-color:rgba(0, 0, 0, 60%);
			color: rgb(230, 230, 231);
			margin: 5px auto;
			padding: 10px;
			width: 95%;
			border-radius: 2px;
			/* box-shadow: #999 5px 5px 5px 5px; */
			overflow: hidden;
			clear: both;
		}
.Estilo15 {
	font-size: 12px; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	text-align:justify}
/* .Estilo35 {color: #CC0000; font-weight: bold; } */
#menusuperior
{
	background-color: papayawhip;
	border-radius: 5px;
	box-shadow: #999 2px 2px 2px 2px;

}

.center_imagen 
{
    margin-left: auto;
    margin-right: auto;
	border-radius: 15px;
	box-shadow: #999 2px 2px 2px 2px;
    display: block;
}

/* li
{
	background-color: papayawhip;
	display: inline
} */
#menulateral 
{
 background-color: burlywood; 
	float: left; width: 160px; height:1080px;
	padding: 5px;
	border: 3px solid #FFCC79;
	border-radius: 5px;
	box-shadow: #999 5px 5px 5px 5px;
}


#principal
{ 
	
	/* background-color: rgb(135, 139, 127); */
	/* background: linear-gradient(45deg,  #a04403 0%,#9b7a4d 65%);   */
	text-align: center;
	/* margin: 10px; */
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
	padding: 15px;
	width: 95%;
	height: 100%;

	/*border-radius: 15px;
	box-shadow: #999 5px 5px 5px 5px;*/
	
}
#principal2
{ 
	/* background-color: rgb(204, 206, 204); */
	/* background: linear-gradient(45deg,  #ff7617 0%,#f8cf92 65%);   */
	/* margin-left: 50px; */
	text-align: center;
	border-radius: 5px;
	padding: 15px;
	width: 90%;
	height: 100%;

}
#principal3
{ 
	background-color: rgb(255, 255, 255);
	/* margin-left: 209px; */
	padding: 5px;
	/*border-radius: 15px;
	box-shadow: #999 5px 5px 5px 5px;*/
}

 


#articulo01
{
	border: 1px solid #999;
	width:520px;
	display: inline-table;
	vertical-align:top;
	background-color: lightcyan;
	box-sizing: border-box;
	padding: 5px;
	

}

#articulo011
{
	border: 1px solid #999;
	width:522px; height:305px;
	background-color: #FFC;
	box-sizing: border-box;
	vertical-align:top;
	display: inline-block;
	padding: 10px;
	overflow: scroll;
	

}

#articulo0111
{
	border: 1px solid #999;
	width:512px; height:100px;
	background-color: #FFC;
	box-sizing: border-box;
	vertical-align:top;
	display: inline-block;
	padding: 10px;


}
#articulo02
{
	border: 1px solid #999;
	/*width: 1024px; height: 300px;*/
	width: 95%; height: 300px;
	background-color: white;
	padding: 15px;
	margin: 10px;
	border-radius: 15px;
	overflow: auto;
}

#articulo022
{
	border: 1px solid #999;
	/*width: 1024px; height: 300px;*/
	width: 95%; height: 100%;
	background-color: white;
	padding: 15px;
	margin: 10px;
	border-radius: 15px;
	overflow: auto;
}



#articulo_escucha
{
	background-color: lightgoldenrodyellow; text-align: justify;
	width: 500px; height: 300px;
	padding: 15px;
	border-radius: 15px;
	
}


#foto
	{
		float: right;
		
		
	}

	figure img
	{ 
		max-width: 100%;
		border-radius: 5px;
	} 
	
	.caja
	{
		background-color: antiquewhite;
		border: 1px solid #999;
		border-radius: 5px;
		box-sizing: border-box;
	   /*  float: left; */
		vertical-align: top;
		display: inline-block;
		color: #444;
		padding: 0.5em;
		margin: 0.2em;
		width: 200px;
		
		height: 310px; 
		position: relative;
		
		/* width: 18%;
		height: unset; */

	}
	

	/* .caja_blanca
	{
		background-color: white;
		border: 1px solid #999;
		border-radius: 5px;
		box-sizing: border-box;
	   /*  float: left; */
			/* vertical-align: top;
		display: inline-block;
		color: #444;
		padding: 0.5em;
		margin: 1em;
		width: 18%;
		height: auto;
		
	} */
.caja2
{
	border: 1px solid #999;
	box-sizing: border-box;
	float: left;
/*	display: inline-block;*/
	color: #444;
	padding: 0.5em;
	margin: 0.5em;
	width: 44.5%;

	
}


.seccion
{
width: 95%;
margin: 1px auto;
margin-left: 200px;
}

.seccion2
{
width: 95%;
margin: 1px auto;
margin-left: 200px;
}


.seccion2
{
width: 91%;
margin-left: 200px;
margin: 15px auto;

}

#fotico
{
	margin: 2px;
	padding: 1px;
	border-radius: 15px;

}

.clearfix{
	clear: both;
 }