*{
	margin: 0;
	padding:0;
}
header{
		width: 100%;
		/*background: rgba#06F,.8;  /*azul #06F*/
		background: rgba(20,30,100,.4);  /*azul #06F*/
		/*box-shadow: 0 0 8px rgba(0,0,80,9);*/
		height: 70px;
		position: fixed;	/*deja fija la cabezera para que no se mueva al desplazar la barra vertical*/
		transition: 1s;
		z-index: 10;
}
/*header:hover{
	background: rgba(20,30,200,.5);  /*azul #06F
	transition: 1.6s;
}*/
header2{
		width: 100%;
		/*background: rgba#06F,.8;  /*azul #06F*/
		background: rgba(20,30,130,.9);  /*azul #06F*/
		box-shadow: 0 0 8px rgba(0,0,80,9);
		height: 70px;
		position: fixed;	/*deja fija la cabezera para que no se mueva al desplazar la barra vertical*/
		transition: 1s;
		z-index: 10;
}
/*header:hover{
	background: rgba(20,30,200,.5);  /*azul #06F
	transition: 1.6s;
}*/

.ancho{
	width: 80%;
	height: 70px;
	/*background: red;*/
	margin: auto;
}
/*-----logotipo en el header------*/
.logo{
	width: 30%;
	height: 70px;
	/*background: blue;*/
	float: left;
	padding-top: 8px;
	box-sizing: border-box;
}
.logo p a{
	color: #FFFfff;
	font-size: 40px;
	text-decoration: none;
	/*font-weight: bold;*/
	font-family: boxx;
}
/*-------Menu en el header-------*/
nav{
	width: 70%;
	height: 70px;
	/*background: olive;*/
	float: left;
	text-align: right;
	padding-top: 24px;
	box-sizing: border-box;
}
nav ul li{
	display: inline;
	font-family: rale;
}
nav ul li a{
	color:#FFF;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: rale;
	transition: 1s;
}
nav ul li a:hover{
	color: #4761B8;
	transition: 1s;
}
nav ul li2 a{		/* remarca el seleccionado actual */ 
	color: #4761B8;
	display: inline;
	font-family: rale;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	transition: 1s;
}
/*------fuentes de texto-----*/
@font-face{
	font-family:boxx;
	src:url(fuentes/boxx.ttf);
}
@font-face{
	font-family:rale;
	src:url(fuentes/Raleway-Regular.ttf);
}
@font-face{
	font-family:lato;
	src:url(fuentes/Lato-Light.ttf);
}
@font-face { 
	font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
}
/*--------------------------------------------------*/
section {
 /* rellename mi arma! */
}

/* usar class="limpia" para limpiar cualquier FLOAT anterior al elemento */
.limpia{
	clear: both;
}

footer {
	clear: both;
  	position: relative;   /* absolute para poner que se mueva con la pagina; static (default), relative? */
  	margin-top: 0px;      /* distancia con el anterior elemento */
  	bottom: 0;
  	height: 200px;;
  	width: 100%;
  	background: url(images/footercircuit2.jpg);
	background-position:top right;
	background-attachment:local;
	background-size:auto;
	background-repeat:no-repeat;
	background-color: rgba(0,16,125); /*#31628F;*/
	text-align: center;
}