@charset "utf-8";

* {
	margin:0;
	padding:0;	
}

/* 1º definimos la fuente y luego la llamamos */
@font-face {
    font-family: 'CG';
    src: url('../fuentes/cg.eot');
    src: url('../fuentes/cg.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/cg.woff') format('woff'),
         url('../fuentes/cg.ttf') format('truetype'),
         url('../fuentes/cg.svg#CG') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'CG', Verdana;
	font-size: 1em;
}

section {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 98%;
	padding-top:16%;
	padding-bottom:16%;
	text-align:center;
	
}

	section#principal {
		background-image:url(../imagenes/principal.jpg);
	}
	
	section#diseno {
		background-image:url(../imagenes/diseno.jpg);
	}
	
	section#desarrollo {
		background-image:url(../imagenes/desarrollo.jpg);
	}
	
	section#consultoria {
		background-image:url(../imagenes/consultoria.jpg);
	}
	
	section#servicios {
		background-image:url(../imagenes/servicios.jpg);
	}

	section#marketing {
		background-image:url(../imagenes/marketing.jpg);
	}

	section#contacto {
		background-image:url(../imagenes/contacto.jpg);
	}

article {
	background-color:rgba(255,255,255,0.6);
	height: 280px;
	width: 400px;
	padding: 10px;
	margin:0 auto;
	
}
.dis {
	color: rgb(255,255,255);
	background-color: rgba(51,51,51,0.9);
}

img#logo {
	margin: 5px;
}

.menu {
	margin: 5px;
}

.infor {
	text-align:left;
	display:block;
	margin-left:3%;
	margin-top:3%;
}
	/** Los Menús */
	nav ul li {
		list-style-type: none;
	}
	nav ul li a {
		text-decoration: none;
		display:block;
		height:30px; width:30px;
	}
	nav ul li a:hover {
		background-image: url(../imagenes/Boton_ON.png);
	}
	nav {
		position: fixed;
		top: 40%;
		margin-left: 10px;
	}