*{
    /* Eliminar predeterminados */
    margin: 0;
    padding: 0;
}

.pdfview {
    /* Centrado */
    margin: auto;
    display: block;
    /* Tamaño */
    width: 80%;
    height: 75vh;
	
	
    /* Mejorar aspecto */
   
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.tapar-arriba{
	width: 220px;
	background: #323639;
	height: 55px;
	position: absolute;
	display: block;
	margin: 2px 10%;
	left: 50px;
}

.nombredeproyecto{
	color:  white;
	display:block;
	font-family: 'gilroybold';
	font-size: 20px;
	text-align: left;
	margin-top: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media(max-width: 1100px){
.tapar-arriba{
	width: 200px;
	margin: 2px 10%;
	left: 50px;
}

.nombredeproyecto{
	font-size: 18px;
	text-align: left;
	margin-top: 15px;
}
}


@media(max-width: 960px){

.tapar-arriba{
	
	width: 25%;
	margin: 2px 10%;
	left: 50px;
}

.nombredeproyecto{
	font-size: 18px;
	text-align: left;
	margin-top: 15px;
}
}

@media(max-width: 750px){
.tapar-arriba{
	display: none;
	width: 25%;
	margin: 2px 10%;
	left: 50px;
}

.nombredeproyecto{
	display: none;

}
}

@media(max-width: 755px){
.pdfview {
    /* Centrado */
    margin: auto;
    display: block;
    /* Tamaño */
    width: 80%;
    height: 60vh;
	}}

body{
	background-color: white;
	
}

head{
	
}
.title-pdf{
	
	display:block;
	padding-top:  120px;
	color:  #2A0088;
	font-family: 'gilroybold';
	font-size: 40px;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 10px;

	
	
}

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

  }


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

  }


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

  }

 .logo{
			 width: 120px;
	 margin  : 8px auto;
			 
			 display: flex;
		 }
		 .header{
			 background-color: #2A0088;
			 width: 100%;
			 height: 100px;
			 box-shadow: 0 5px 0; color:rgba(255, 213, 28, 0.97);
			 position: fixed;
		 }

	.texto-pie{
			font-family: 'gilroybold';
		}
		.espacio{
			width: 100%;
			height: 20px;
		}