@charset "utf-8";

/* Estilos genéricos: */

body {
	font-family: 'Tangerine', serif;
	font-size: xx-large;
}

h1 {
	font-size: 1.5em;
	color: #123445;
}

h2 {
	font-size: 1.25em;
	color: blue;
}

p {
	font-size: 1em;
	color: #333333;	
}

/* Estilo para enlaces */

.fondo {
	background: #15baff;
}

.enlace {
	margin: 5px;
}

/* Estilos que se aplican dentro de la caja con el esquema*/
#cajaEsquema {
	margin:5px;
	border:1px solid #15baff;
	-moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
	padding: 10px;
	background: #ffe400; /* For Safari 5.1 to 6.0 */
}

#cajaEsquema header, #cajaEsquema section, #cajaEsquema footer {
	border:1px solid #15baff;
}

#cajaEsquema, #cajaEsquema nav, #cajaEsquema section, #cajaEsquema article, #cajaEsquema header, #cajaEsquema footer, #cajaEsquema nav ul li a{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Estilos del header */

#cajaEsquema header{
	background: -webkit-linear-gradient(#00ff08, #ffe400); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00ff08, #ffe400); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00ff08, #ffe400); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00ff08, #ffe400); /* Standard syntax */	
	padding:0px 20px 10px 20px;
}

/* Estilos del section */

#cajaEsquema section{
	background: -webkit-linear-gradient(#ffe400, #00ff08); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffe400, #00ff08); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffe400, #00ff08); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffe400, #00ff08); /* Standard syntax */
	margin:10px 0px 10px 0px;
	padding:20px;
}

/* Estilos del article */

#cajaEsquema article{
	background-color:#15baff;
	margin:0px 0px 20px 0px;
	padding:10px 20px 10px 20px ;
}

#cajaEsquema article .line{
	background-color:#15242a;
	margin:1.3em 0;
}

/* Estilos del nav: */

#cajaEsquema nav{
	background:url(img/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
	border:1px solid #15baff;
}

#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;
}

#cajaEsquema nav ul li a:hover{
	text-decoration:none;
	background-color:#f0f0f0;
}

/* Estilos del footer: */

#cajaEsquema footer{
	background: -webkit-linear-gradient(#00ff08, #ffe400); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00ff08, #ffe400); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00ff08, #ffe400); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00ff08, #ffe400); /* Standard syntax */
	text-align:center;
}