body {
	margin: 0;
}

button {
	background: #f60;
	border: none; /*sin borde del boton*/
	color: #fff;	
}

button:hover {			/*al pasar el mouse por el botón cambia el color*/
	background: #c30; 
}

h1	{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 4em;
	margin: 0;
	padding-top: 2em; 
	text-align: center;
	text-shadow: 0 0 4px #000;	/*desplazamiento eje x - desplazamiento eje y - grosor - color */

}
h2	{
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	text-align: center;
	text-shadow: 
    -1px -1px 0 #FFFFFF,  /* Sombra superior izquierda */
    1px -1px 0 #FFFFFF,   /* Sombra superior derecha */
    -1px 1px 0 #FFFFFF,    /* Sombra inferior izquierda */
    1px 1px 0 #FFFFFF;     /* Sombra inferior derecha */
}


header	{
	background: url('../images/codigo.jpg');
	background-attachment: fixed;
	background-size: cover;
	height: 600px;
}

input, button {
	display: block;
	font-size: 2em;	/*tamaño de la letra en los campos de contacto*/
	margin: .6em  auto;	/*pone un margen arriba y abajo 0 (.6em) y a los lados(auto)(centrado)*/
	padding: .5em 2em;	/*tamaño de los campos de contacto*/
	text-align: center;
	width: 50%;	/*para expandir a la mitad del tamaño de la pantalla los campos y boton*/
}

nav {
	background:	-webkit-linear-gradient(top right, #000, transparent); /*degradado en barra de navegación para chrome(top:degradado de arriba hacia abajo, righ: degradado derecha a izquierda)*/ 
	background:	-ms-linear-gradient(top, #000, transparent); /*degradado en barra de navegación para explorer*/
	background:	-o-linear-gradient(top, #000, transparent); /*degradado en barra de navegación para opera*/
	background:	-mos-linear-gradient(top, #000, transparent); /*degradado en barra de navegación para mozilla*/
	position: fixed; /*posición fija en barra de navegación*/
	top: 0;	/*sin borde*/
	width: 100%;	/*ancho de pantalla completo*/
}

nav	ul{
	margin: 0;
	padding: 0;
	text-align: right;

}

nav ul li{

	display: inline-block;
	padding: .5em 1em; /*arriba abajo - izquierda derecha*/
}

li a{
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 1.6em;
	text-decoration: none; /*sirve para quitar el subrayado de un texto*/
	text-shadow: 0 0 4px #000;	/*desplazamiento eje x - desplazamiento eje y - grosor - color */

}

#tecnologias::after {
	background: url('../images/impresora.jpg') no-repeat center center;
	background-attachment: fixed; /*dejar fija la imagen*/
	background-size: cover;	/*la imagen se ajusta el tamaño de pantalla*/
	content: "";	/*para que se vea el contenido de la imagen*/
	display: block; /*para ajustar los bloques uno arriba del otro*/
	height: 600px;
	padding: 0;
	width: 100%;
}


#contacto {
	background: #ccc;
	padding: 1em; 	/*borde*/
}


.tecnologia {	/*articulos con la clase nombre tecnologia*/
	display: inline-block; /*para desplazar hacia el lado el bloque*/
	font-family: 'Open Sans', sans-serif;
	width: 46%;
	padding: 1em;
}

.tecnologia h2 {
	font-size: 2em;
	text-align: left;

}


.tecnologia img {
	padding-right: 1em; /*borde entre la imagen y el texto*/
	width: 250px;
}

.tecnologia p {
	float: left;
}