/* Text CSS */

/* Site CSS  */

/* /// CORES /// */

/*/// tons azuis ///*/

body { 
	color: #333; /* cor da fonte */
	background-color: #ccc; /* cor do fundo da página */
	}

div#container {
	background-color: #eee;  /* cor do fundo da div container */
	border-color: #36c;
	}

header, footer {
	background-color: #36c;  /* cor do cabeçalho, rodapé e botões do menu */
	border-color: #36c; /* cor da borda */
	}
header, footer {
	background-image: linear-gradient(141deg, #36c 0%, #36f 90%);
	/* efeito gradiente no cabeçalho e rodapé */
	}
header h1, footer h1{
	color: #eee;
}
header h2 {
	color: #ccc;
}

img{ 
	filter: sepia(100%) hue-rotate(170deg);
}

img.sombra {
	box-shadow: 0.5em 0.5em 0.3em #aaa;
}

img.semfiltro {
	filter: none;
}


/*a, a:link, a:active{
	color: #06c;
}
a:hover, a:visited{
	color: #039;
}*/
.exemplo {
	background-color: #9cf;
	box-shadow: 0.5em 0.5em 0.3em #aaa;
	}
nav.menu {
	background-color: #36c; /* cor de fundo do menu */
	}

nav.menu ul li {
	background-color: #36f; 
	color: #ddd;
	background-image: linear-gradient(141deg, #36f 0%, #69f 90%);
	}

nav.menu ul li:hover{
	background-color: #36f;
	background-image: none;
	}

nav.menu a {
	color: #ddd;
	}

code, .code {
	background-color: #ccc;
	color: #333;
	box-shadow: 0.5em 0.5em 0.3em #aaa;
	}
code span.etiqueta, pre .etiqueta, p .etiqueta{
	color: #c06;
	}
code span.atributo, pre .atributo {
	color: #06c;
	}
code span.valor, pre .valor{
	color: #390;
	}

/* /// Design responsivo para Desktops  //// */
@media only screen and (min-width: 800px) 
	{
		body {
			background-image: linear-gradient(141deg, #ccc 0%, #aaa 90%);
		}
		header, footer, article{
			padding: 0 4em 1em;
		}

		nav.menu {
			padding: 0.4em;
		}
		nav.menu a{
			text-decoration: none;
			}
		nav.menu a:hover{
			text-decoration: underline;
			}	
		nav.menu ul{
			padding: 0 0 0 4em;
			}
		
		nav.menu ul li{
			display: inline;
			padding: 0.2em 1em 0.2em 1em;
			}
		nav.menu ul li{
/*			background-image: linear-gradient(141deg, #099 0%, #088 90%);*/
background-image: linear-gradient(141deg, #36c 0%, #36e 90%);
		}
		nav.menu ul li:hover{
			background-image: none;
		}
		pre.code{
			white-space: pre-wrap;
			display: block;
		}
    }