/* reseteo universal */
* {
   border: 0;
	margin: 0;
	padding: 0;
}
article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;
}
@font-face {
    font-family: 'robotobold';
    src: url('../webfonts/roboto-bold-webfont.eot');
    src: url('../webfonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/roboto-bold-webfont.woff') format('woff'),
         url('../webfonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../webfonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../webfonts/roboto-regular-webfont.eot');
    src: url('../webfonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/roboto-regular-webfont.woff') format('woff'),
         url('../webfonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../webfonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: "robotobold";
	font-style: normal;
	font-variant: normal;
	font-size: 0.7em;
	}
a {
	color: transparent;
	text-decoration: none;
	-ms-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
a:hover {
	color: transparent;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
figcaption {
	font-size:0.85em;
	padding: 0.25em;
	text-align: center;
	}
img, video	{
	max-width: 100%;	
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	}
header, section#contenido, footer	{
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
	}
#contact	 {
	margin-left: auto;
	text-align: left;
	width: 90%;
	margin-top: 15em;
	font-size: 1.2em;
	color: rgba(215,215,215,1.00);
	}
	h1{
	display: inline-block;
	font-size: 2.5em;
	color: rgba(207,207,207,1.00);
	}
	h2{
	color: rgba(122,122,122,1.00);
	}
	.h1{
	color: rgba(136,136,136,1.00);
	vertical-align: top;
	}
	header h1, nav{
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	width: auto;
	overflow: hidden;
	margin-top: 0.5em;
	position: relative;
	}
	nav {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-family: "robotoregular";
	position: relative;
	top: 1.2em;
	/* [disabled]background-color: #E50ED7; */
	}	
		
nav ul{
	list-style:none;
	}	
nav li{
	display: inline-block;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	vertical-align: top;
	}	
nav a {
	/* [disabled]border-radius: 0.25em; */
	color: #FFFFFF;
	display: block;
	/* [disabled]font-family: anonymous-pro; */
	font-size: 1.2em;
	max-width: 100%;
	padding-top: 1em;
	/* [disabled]padding-right: 2em; */
	padding-left: 2em;
	padding-bottom: 1em;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	/* [disabled]font-style: normal; */
	/* [disabled]font-weight: 400; */
}
nav a:hover {
	color: #777777;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	/* [disabled]border-width: 0.1em; */
	/* [disabled]border-style: dashed; */
}

section#principal,aside {
	/* [disabled]border-radius: 0.5em; */
	/* [disabled]display: inline-block; */
	/* [disabled]font-family: "Helvetica"; */
	margin: 0 auto;
	padding: 0.25em;
	/* [disabled]vertical-align: top; */
	width: 95%;
	/* [disabled]position: absolute; */
	z-index: -1;
}
@media(min-width:1081px) {
	
	header h1{
	text-align: left;
	width: 40%;
}
nav {
	text-align: right;
	width: 40%;
	}
	

	

}
@media(max-width:1080px) {
h1{	
	font-size: 2.2em;
	}
header h1{
	text-align: left;
	width: 46%;
	/* [disabled]background-color: #A1B916; */
	}
	nav {
	text-align: right;
	width: 34%;
	font-size: 0.9em;
	/* [disabled]background-color: #0D55E5; */
	top: 0.8em;
}
}
@media(max-width:900px) {
	#contact	 {
	margin-left: auto;
	margin-top: 6em;
	font-size: 1.2em;
	}
h1{	
	font-size: 1.741em;
	top: 0.4em;
	}
	h2{
	font-size: 1.3em;
	}
header h1{
	text-align: left;
	width: 41%;
	/* [disabled]background-color: #A1B916; */
	}
	nav {
	text-align: right;
	width: 39%;
	font-size: 0.9em;
	/* [disabled]background-color: #0D55E5; */
	top: 0.8em;
}
}


@media(max-width:600px) {
	#contact	 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	margin-top: 5em;
	font-size: 1.2em;
	min-width: 350px;
	}
	header h1{
		font-size: 2.1em;
	text-align: center;
	width: 100%;
	min-width: 350px;
	}
	nav {
	width: 50%;
	text-align: center;
	margin-bottom: 1em;
	min-width: 350px;
	}
	nav li {
	display: inline-block;
	width: ;
	margin-right: 15px;
	
	}
	section#principal {
	display: block;
	width: 100%;
	min-width: 350px;
	/* [disabled]margin-bottom: 0.2em; */
	}

}