@Charset."utf_8",
/* CSS Document */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {

	background-attachment: fixed;
	background-repeat: repeat;
  background-position: center;
background-size:auto;
    width:960px;
	height:160px;
	position: center;
top: 90px;
padding: 0px;
font-family:"bebas-neue-fontfacekit": sans-serif;
margin:0px auto 0px auto;
	padding: 0px;
	background-position: center top;
background-color: #100727

 
}

div#pagina {
	width: 960px;
	background-color:#ffc441;
	margin:auto;
}



header {
	position:relative;
	height:280px;
width: 960px; 
	background-image: url(imagenes/fondo6.jpeg)

}

header div#foto{
	margin-left:30px;
	margin-top:30px;
	position:absolute;
}


header h1 {
	font-family:"bebas-neue-fontfacekit", Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:center;
	color:#faf5f5;
	margin-top: 15%;
margin-left: -20%;
}

header h2 {
	font-family:"bebas-neue-fontfacekit", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#fdf8f8;
	margin-top: -1%;
margin-left: 0%;
}

header nav {
	position:absolute;
	width:150px;
	height:34px;
	top:220px;
	margin-left:180px;
float: right;
width: 70%;

}

ul {
	list-style:none;
margin-top: 20;
margin-left: -190px;
width: 960px;
}

header nav ul li {
	float:left;
	background-color:#0f0e0e;
	margin top:200px;
	width:150px;
	height:34px;
border-left:2px solid #b978f2;
border-right:2px solid #b978f2;
border-bottom: 3px solid #b978f2;
border-top: 3px solid #b978f2;

}

header nav ul li a {
	color:#faf6f6;
	text-decoration:blink;
	display:block;
	background-color:#732bd6;
	text-align:center;
	font-family: "bebas-neue-fontfacekit" Arial, Helvetica, sans-serif;
padding: 8px;

	
}

header nav ul li a:hover {
	color:#FFF;
	background-color:#d1cfcb;
}



article {
	background-color:rgba(253, 253, 253, 0.83);
}

article h1 {
font-size:20px;
	color:#000;
	margin-top:-5px;
margin-left: 81px; 
margin-right:899px;
	margin-bottom:0px;
padding-left: 5px;	
}

#trabajo{ margin-left: 50px;
margin-right: 50px;}
h7{
font-size:20px;
	color:#000;
	margin-left:61222px;
	margin-top:-5px;
float:right;
margin-right: 170px;
	margin-bottom:0px;
padding-left: 55px;	
}
#yo{
margin-left: 440px;
width: 339px;
}

nav #mapadesitio{ width: 200px;
margin-left: 200px}


article p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	margin-left:22px;
	margin-top:-2px;
	margin-bottom:20px;
background-color:transparent;
font-size: 12px;

padding-left: 55px;
}

section3{
width: 300px;
height:230px;
padding: 55px;
margin-top: -360px;

float:left;
font-family: sans-serif;


}

section8 { margin-left: 300px;
    margin-right: 300px;
padding: 8 px;
width: 300px;
height: 200px}

footer {
	width:960px;
	height:100px;
	background-color:#751cdd;
	clear:both;
}

footer p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
}


@media all and (min-width:1px) 
and (max-width:320px;) 
{
header nav# botonerade arriba ul li{
float: none;
margin-bottom: 0,15rem;
}
}


@media all and (min-width:641px;)
and (max-width:840px;)
{
div#redes{
width: 10rem;
position: absolute;
top: 8rem:
right:0,2rem;
right: 0,2rem;}
section # html_imgpixelear{
float: right;
width: 47%;
}
section # html.svg {
float:left;
width: 47%;
}
}