@charset "UTF-8";
/* CSS Document */

html{
	margin:auto;
	font-size:10px;
	}


body{
	width:1024px;
	margin:auto;
	}
	
	
/*header */ 
	
header{
	width:1024px;
	height:15rem;
	background-color:rgba(44,62,80,1);
	}
	
.VN17{
	width:;
	height:15rem;
	font-size:8rem;
	position:absolute;
	margin:25px 0px 0px 20px;
	font-family:Novecentowide-Medium;
	color:rgba(255,255,255,1);
	}
	
 .VN17 .subtitulo{
	font-size:4rem;
	font-family:Novecentowide-Medium;
	color:rgba(255,255,255,0.8);
	}
 
nav{
	width:1024px;
	height:5rem;
	float:left;
	font-size:1.5rem;
	background-color:rgba(109,188,219,1);
	}

nav ul{
	font-family:Novecentowide-Medium;
	width:80.8rem;
	float:right;
	}
	
nav ul li{
	float:left;
	margin:0rem 4rem 0rem 0rem;
	list-style-type:none;
	}
	
nav ul a li:hover{
	color:#FFFFFF;
	font-size:1.5 rem;
	opacity:0.5;
	transition-duration:0.5s;
	text-decoration:none;
	}
	
nav ul a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
	

	
	
/*contenido*/ 


#contenido{
	width:1024px;
	float:left;
	background-color:rgba(109,188,219,0.2);
	}
	
#fotoperfil{
	margin-top:2rem;
	margin-bottom:2rem;
	width:20rem;
	float:left;
	}
	
#fotoperfil img{
	width:100%;
	}
	
#banda{
	margin-top:2rem;
	margin-bottom:2rem;
	width:20rem;
	float:left;
	}
	
#banda img{
	width:100%;
	}

#niveles{
	width:76.8rem;
	height:30rem;
	float:right;
	margin:2rem 4rem 0px 0.5rem;
	}
	
.nombre{
	font-size:2rem;
	margin:0px 0px 0px 0px;
	padding:1.5rem 1.5rem;
	font-family: 'Novecentowide-Medium';
	color: rgba(255,255,255,1.00);
	background-color:rgba(44,62,80,0.8);
	}
	
article{
	width:24.6rem;
	height:40rem;
	float:left;
	font-size:1.6rem;
	margin:0rem 0.5rem;
	font-family: 'open_sansregular';
	}
	
.aplicacion{
	width:1024px;
	height:26rem;
	}	
	
.indumentaria{
	width:1024px;
	height:140rem;
	}	
	
.indumentaria article, .aplicacion article{
	width:76.8rem;
	height:1rem;
	float:right;
	font-size:1.6rem;
	margin:2rem 4rem 0rem 0.5rem;
	font-family:open_sanslight;
	background-color:rgba(50,50,50,0);
	}
	

footer{
	width:1024px;
	height:10rem;
	float:left;
	background-color:rgba(44,62,80,1);
	}
	
.pie_pagina{
	line-height:2.2rem;
	text-align:center;
	font-size:1.2rem;
	color:#FFFFFF;
	font-family: 'open_sansregular';
	padding:0.5rem 1.5rem 0.5rem 1.5rem;
	}
	









/*tipografias*/


@font-face {
  font-family: 'Novecentowide-Medium';
    src: url('type/novecento/medium/Novecentowide-Medium-webfont.eot'); /* Para Internet Explorer */
    src: local('Novecentowide-Medium'), /* Para el resto de navegadores */
         url('../type/novecento/medium/Novecentowide-Medium-webfont.ttf') format('truetype'),
         url('../type/novecento/medium/Novecentowide-Medium-webfont.woff') format('woff'),
         url('../type/novecento/medium/Novecentowide-Medium-webfont.svg') format('svg');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../type/opensans/OpenSans-Regular/opensans-regular-webfont.woff2') format('woff2'),
         url('../type/opensans/OpenSans-Regular/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'open_sanssemibold';
    src: url('type/opensans/OpenSans-Semibold/opensans-semibold-webfont.eot');
   src: local('open_sanssemibold'), /* Para el resto de navegadores */
         url('../type/opensans/OpenSans-Semibold/opensans-semibold-webfont.ttf') format('truetype'),
         url('../type/opensans/OpenSans-Semibold/opensans-semibold-webfont.woff') format('woff'),
         url('../type/opensans/OpenSans-Semibold/opensans-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'open_sanslight';
    src: url('type/opensans/OpenSans-Light/opensans-light-webfont.eot');
   src: local('open_sanslight'), /* Para el resto de navegadores */
         url('../type/opensans/OpenSans-Light/opensans-light-webfont.ttf') format('truetype'),
         url('../type/opensans/OpenSans-Light/opensans-light-webfont.woff') format('woff'),
         url('../type/opensans/OpenSans-Light/opensans-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}