@charset "utf-8";

/* Estilos genéricos: */

h1 {
	font-family: Georgia;
	font-size: 34px;
	color: #123445;
}

h2 {
	font-family: Arial;
	font-size: 22px;
	color: blue;
}

p {
	font-family: sans-serif;
	font-size: 14px;
	color: #333333;	
}

/* Estilo de fondo con gradiente: */
.grad {
	width: 100%;
	height: 100%;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, yellow); /* Standard syntax */
}

/* Estilos que se aplican dentro de la caja con el esquema*/
#cajaEsquema {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #FCFCFC;
	-moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
	padding: 10px;
}

#cajaEsquema header, #cajaEsquema section, #cajaEsquema footer {
	border:1px solid #FCFCFC;
}

#cajaEsquema, #cajaEsquema nav, #cajaEsquema section, #cajaEsquema article, #cajaEsquema header, #cajaEsquema aside, #cajaEsquema footer, #cajaEsquema nav ul li a{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Estilos del header */

#cajaEsquema header{
	background-color:#fdf42e;
	margin:3em 0;
	padding:20px;
	text-shadow:0 2px 0 black;
}

/* Estilos del section */

#cajaEsquema section{
	background-color:#fd2e99;
	margin:3em 0;
	padding:20px;
	text-shadow:0 2px 0 black;
}

/* Estilos del aside */

#cajaEsquema aside{
	background-color:#03f756;
	margin:3em 0;
	padding:20px;
	text-shadow:0 2px 0 black;
}

/* Estilos del article */

#cajaEsquema article{
	background-color:#15baff;
	margin:3em 0;
	padding:20px;
	text-shadow:0 2px 0 black;
}

#cajaEsquema article .line{
	/* The dividing line inside of the article is darker: */
	background-color:#15242a;
	border-bottom-color:#204656;
	margin:1.3em 0;
}

/* Estilos del nav: */

#cajaEsquema nav{
	background:url(img/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
	border:1px solid #FCFCFC;
	-moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
}

#cajaEsquema nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:0.2em;
	display:flex;
	flex-direction: row;
}

#cajaEsquema nav li { flex-grow: 1; }

#cajaEsquema nav ul li a,
#cajaEsquema nav ul li a:visited{
	color:#565656;
	display:block;
	float:left;
	font-size:1.25em;
	font-weight:bold;
	margin:5px 2px;
	padding:7px 10px 4px;
	text-shadow:0 1px 1px white;	
}

#cajaEsquema nav ul li a:hover{
	text-decoration:none;
	background-color:#f0f0f0;
}

/* Estilos del footer: */

#cajaEsquema footer{
	background-color:#2efdae;
	margin-bottom:30px;
	text-align:center;
}

}