/*     ______________________________________________________________________________________________________________________________________________________     General     */
/*     ____________________________________________________________________________________________________     Common     */
@media all {
	* {
		appearance: normal;
		background-color: transparent;
		background-repeat: no-repeat;
		border-color: red;
		border-style: dashed;
		border-width: 0;
		box-sizing: border-box;
		color: rgb(0, 0, 0);
		font-family: sans-serif;
		font-size: 0;
		font-weight: normal;
		line-height: 100%;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
		/**/
		animation-timing-function: cubic-bezier(0.000, 0.000, 1.000, 1.000);
		transition-timing-function: cubic-bezier(0.250, 0.000, 0.250, 1.000);
	}
		*:invalid:not(form) {
			box-shadow: none;
		}
			html {
				height: 100%;
				width: 100%;
			}
							body {
								height: auto;
								margin-left: auto;
								margin-right: auto;
								width: 100%;
							}
											a {
												color: inherit;
												cursor: pointer;
												text-decoration: none;
											}
											b {
												font-weight: normal;
											}
											i {
												font-style: normal;
											}
											u {
												text-decoration: none;
											}
											h1, h2, h3, h4, h5, h6 {
												font-weight: normal;
											}
											ul {
												list-style: none;
											}
											table {
												border: none;
												border-collapse: collapse;
												table-layout: fixed;
												width: 100%;
											}
															thead, tbody, tfoot {
																font-weight: normal;
																/*padding: 4px 0;*/
																width: 100%;
															}
																			tr {
																				padding: 4px 0;
																				width: 100%;
																			}
																							th, td {
																								font-weight: normal;
																								/*padding: 4px 0;*/
																							}
											hr {
												background-color: rgb(0, 100, 200);
												height: 1px;
												margin: 8px 0;
											}
											sup, sub {
												font-size: 80%;
											}
													sup {
														vertical-align: 50%;
													}
													sub {
														vertical-align: -50%;
													}
											form {
												/**/
											}
															label {
																cursor: pointer;
																display: inline-block;
															}
																			input[type="checkbox"], input[type="radio"] {
																				display: none;
																			}
															input {
																display: inline-block;
															}
																	input[type="button"], input[type="file"], input[type="submit"] {
																		cursor: pointer;
																	}
																	input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"] {
																		cursor: text;
																	}
															button {
																cursor: pointer;
																display: inline-block;
															}
															select {
																cursor: pointer;
																display: inline-block;
															}
																			option {
																				cursor: pointer;
																				/*display: inline-block;*/
																			}
															textarea {
																cursor: text;
																display: inline-block;
																resize: vertical;
															}
															var {
																/**/
															}
}
/*     ____________________________________________________________________________________________________     Special     */
@media all {
	* {
		-moz-appearance: none;
		-moz-binding: none;
		-webkit-appearance: none;
	}
}

/*     ______________________________________________________________________________________________________________________________________________________     Skeleton     */
/*     ____________________________________________________________________________________________________     Common     */
@media all {
	/*     __________________________________________________     Top     */
	body > header {
		background-color: rgba(250, 250, 0, 0.500);
		z-index: 80;
	}
					body > header > nav {
						background-color: rgba(125, 125, 0, 0.750);
						z-index: 100;
					}
	/*     __________________________________________________     Body     */
	body > div {
		background-color: rgba(0, 250, 250, 0.500);
		z-index: 20;
	}
					body > div > article {
						background-color: rgba(0, 125, 125, 0.750);
						z-index: 40;
					}
									body > div > article > section {
										background-color: rgba(0, 25, 25, 0.875);
										z-index: 60;
									}
					body > div > aside {
						background-color: rgba(0, 125, 125, 0.750);
						z-index: 40;
					}
									body > div > aside > section {
										background-color: rgba(0, 25, 25, 0.875);
										z-index: 60;
									}
	/*     __________________________________________________     Bottom     */
	body > footer {
		background-color: rgba(250, 0, 250, 0.500);
		z-index: 0;
	}
					body > footer > nav {
						background-color: rgba(125, 125, 0, 0.750);
						z-index: 100;
					}
}
/*     ____________________________________________________________________________________________________     Special     */
@media all {
	/**/
}

/*     ______________________________________________________________________________________________________________________________________________________     Container     */
/*     ____________________________________________________________________________________________________     Common     */
@media all {
	/*     __________________________________________________     Top     */
	body > header > ××××× {
		/**/
	}
			body > header > nav > ××××× {
				/**/
			}
	/*     __________________________________________________     Middle     */
	body > div > article > ××××× {
		/**/
	}
			body > div > article > section > ××××× {
				/**/
			}
	body > div > aside > ××××× {
		/**/
	}
			body > div > aside > section > ××××× {
				/**/
			}
	/*     __________________________________________________     Bottom     */
	body > footer > ××××× {
		/**/
	}
			body > footer > nav > ××××× {
				/**/
			}
}
/*     ____________________________________________________________________________________________________     Special     */
@media all {
	/**/
}

/*     ______________________________________________________________________________________________________________________________________________________     Content     */
/*     ____________________________________________________________________________________________________     Common     */
@media all {
	/*     __________________________________________________     Root     */
	span[lang] {
		/*display: none;*/
		/**//*text-shadow: 0 0 8px rgba(0, 100, 200, 0.500);*/
	}
	img {
		/*display: block;*/
	}
	/*     __________________________________________________     Selection     */
	*::selection {
		background-color: rgba(0, 100, 200, 0.875);
		color: rgba(100, 200, 250, 0.875);
	}
	/*     __________________________________________________     Branch     */
	div {
		/**/
	}
	a {
		/**/
	}
	b {
		/**/
	}
	i {
		/**/
	}
	u {
		/**/
	}
	h1 {
		/**/
	}
	h2 {
		/**/
	}
	h3 {
		/**/
	}
	h4 {
		/**/
	}
	h5 {
		/**/
	}
	h6 {
		/**/
	}
	p {
		/**/
	}
	ol > li, ul > li {
		/**/
	}
	table  th, table  td {
		/**/
	}
	label {
		/**/
	}
	button {
		/**/
	}
	select > option {
		/**/
	}
	textarea {
		/**/
	}
	var {
		/**/
	}
}
/*     ____________________________________________________________________________________________________     Special     */
@media all {
	/*     __________________________________________________     Selection     */
	*::-moz-selection {
		background-color: rgba(0, 100, 200, 0.875);
		color: rgba(100, 200, 250, 0.875);
	}
}


/*                                                                              _________                                                                         */
/*                                                                _____    /\   \        \   _____                                                                */
/*                                                               /    /   /  \   \____    \  \    \                                                               */
/*     _________________________________________________________/    /    \   \       \    \  \    \_____________________________________________________         */
/*     \                                                            /  /\  \   \       \    \  \                                  __   ___    ___ ___    \        */
/*      \    CSS 3                                                 /  /  \  \   \       \    \  \                                   \     \   \  \\  \    \       */
/*       \    World Wide Web Consortium                            \  \  /  /   /       /    /  /                                   _\__   \ _ \__\\__\    \      */
/*        \_____________________________________________________    \  \/  /   /       /    /  /    ________________________________________________________\     */
/*                                                              \    \    /   /   ____/    /  /    /                                                              */
/*                                      David Tabernero Mateo    \____\   \  /   /        /  /____/    Copyright © 2005-2017                                      */
/*                                                                         \/   /________/                                                                        */
/*                                                                                                                                                                */