@charset "utf-8";
/* CSS Document */



@font-face {
font-family: 'Arial Black';
src: url('http://www.dur.upc.edu/fonts/ariblk.ttf'), url('http://www.dur.upc.edu/fonts/ariblk.eot'), url('http://www.dur.upc.edu/fonts/Arial-Black.otf');
}
body {
	margin: 0;
	background-color: #FFFFFF;
}
<!--[if IE]>

{<mce:style type="text/css" media="screen"><!  @font-face{ 	font-family:"Arial Black"; 	src: url('http://www.upc.edu/lub/web/papers_ur/fonts/ariblk.eot'); } -->

<!--[endif]-->
}
a:link{text-decoration:none; color:#42ADB0; font-weight:700}

a:hover{text-decoration:none; color:#999999}

#apDiv1{position:static; left:87px; top:377px; width:58px; height:62px; z-index:1}

#apDiv3{position:absolute; left:85px; top:375px; width:63px; height:124px; z-index:1}

#apDiv2{position:absolute; left:47px; top:1541px; width:71px; height:33px; z-index:2; background-color:#FFF}

#apDiv4{position:relative; left:118px; top:1541px; width:196px; height:149px; z-index:3; background-color:#FFF; overflow:hidden}

#apDiv5{position:absolute; left:308px; top:1580px; width:539px; height:149px; z-index:4; background-color:#FFF}

-->

#apDiv9{position:absolute; left:37px; top:2150px; width:81px; height:68px; z-index:5}

#apDiv10{position:absolute; width:125px; height:125px; z-index:1; left:252px; top:2607px}

#apDiv11{position:absolute; left:37px; top:218px; width:190px; height:56px; z-index:3; background-color:#225A5B}

body, td, th, a, .Estilo231{font-family:Arial}

a:visited, a:active{text-decoration:none; color:#42ADB0}

#apDiv6, #apDiv{position:absolute; left:46px; top:1576px; width:72px; height:56px; z-index:5}

#apDiv7, #apDiv8{position:absolute; width:200px; height:115px; z-index:1}
.Estilo284{font-family:"Arial Black"; font-size:11px; color:#FFF}
body, td, th{font-size:11px}
.Estilo285{font-size:10px}
a:link{
	text-decoration: none;
	color: #742f81
}
a:visited{
	text-decoration: none;
	color: #742f81;
}
a:active{
	text-decoration: none;
	color: #742f81;
}
#apDiv12{
	position: static;
	width: 340px;
	height: 230px;
	z-index: 3;
	margin-left: 0%
}
#apDiv13{position:static; left:53px; top:2565px; width:657px; height:125px; z-index:1; background-color:#01383B}
.Estilo70{font-weight:bold}
.Estilo35{color:#000; font-family:"Arial Black"}
.Estilo71{color:#000000}
.Estilo83{color:#333; font-weight:bold; font-style:italic}
a{font-weight:bold}
.Estilo105{
	font-size:10px;
	color:#962A27
}
.Estilo107{color:#900; font-family:"Arial Black"; font-size:11px; padding-top:0px}
.Estilo116{font-size:16px}
.Estilo119{color:#C03; font-size:18px}
a {
   outline: 0;
}
.Estilo126 {color: #FFF; font-family: "Arial Black"; font-size: 45px; }
.Estilo305 {font-size: 5px}
.Estilo307 {color: #8A1221}
.Estilo318 {color: #8A1221; font-weight: bold; }
.Estilo319 {font-size: 9px}
.Estilo128 {color: #000000}
.Estilo141 {font-family: "Arial Black"; color: #0D5351; font-weight: bold; font-size: 8px; }
.Estilo287 {font-family:"Arial Black"; color:#42ADB0; font-weight:bold; font-size:8px}
.Estilo288 {color:#000; font-size:9px}
.Estilo11 {color:#0C5250}
.Estilo13 {color:#000; font-weight:bold}
.Estilo178 {font-size:11px}
.Estilo135 {color: #FFFFFF}
.Estilo8 {color:#FFF}
.Estilo24 {font-size:14px; color:#FFF}
.Estilo136 {color: #01383B}
.Estilo137 {color: #01383B; font-size: 11px; }
.Estilo320 {font-family: Arial}
.Estilo327 {
	color:#42ADB0;
	font-weight:bold;
	font-family: "Arial Black";
	font-size: 9px;
}
.Estilo328 {
	color: #127674;
}
.Estilo331 {
	color: #FFFFFF;
	font-size: 11px;
}
h2 {
		color:#FFFFFF;
		font-weight: bold;
		font-size: 12.5px;
		font-family: "lato";
	}
	
.view{ /*alçada del número 3*/
    overflow:hidden;
    height: 3136px;
}
.titolarticle {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFF;
}
.textgeneral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;}
/*AQUEST CODI ÉS PER FER DESAPARÈIXER L'ANGLES I EL CASTELLÀ 3*/
.textgeneral_esp{
	display:none;
}.textgeneral_eng{
	display:none;/*fins aqui*/
}
.titolautor {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFF;
}
  <style>
    body {
      -webkit-font-smoothing: antialiased;
      font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #232525;
      padding-top:70px;
    }

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
	  
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block; /*he desactivat això*/
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: none; /*he desactivat aquesta opció, per activar escriure block*/
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(papers_ur4/2013_04_bateries/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

</style>
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFFFFF;
      }
      .container {
        width: 900px;
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 900px
      }
    }
#apDiv14 {
	position: absolute;
	left: 900px;
	top: 113px;
	width: 241px;
	height: 88px;
	z-index: 1;
}
    .Estilo22 {
	color: #FFFFFF;
	font-size: 12px;
	background-color: #f9cc00;
	font-family: "Century Gothic";
}
  .Estilo285 table tr td p span {
	text-align: justify;
}
  .Estilo285 table tr td div p em {
	color: #000;
}
  .Estilo285 table tr td table tr .Estilo285 p .Estilo318 a {
	color: #8A1221;
	font-weight: bold;
}
  .Estilo336 {font-weight: bold}
  
  .scrollup01{
    width:100px;
    height:25px;
    opacity:0.3;
    position:fixed;
    bottom:10px;
    right:10px;
    text-indent:-9999px;
    background: url('../dur01.png') no-repeat;
}
.scrollup02{
    width:100px;
    height:25px;
    opacity:0.3;
    position:fixed;
    bottom:40px;
    right:10px;
    text-indent:-9999px;
    background: url('../dur02.png') no-repeat;
}
.scrollup03{
    width:100px;
    height:25px;
    opacity:0.3;
    position:fixed;
    bottom:70px;
    right:10px;
    text-indent:-9999px;
    background: url('../dur03.png') no-repeat;
}
.scrollup04{
    width:100px;
    height:25px;
    opacity:0.3;
    position:fixed;
    bottom:100px;
    right:10px;
    text-indent:-9999px;
    background: url('../dur04.png') no-repeat;
}

  #apDiv15 {
	position:relative;
	width:100%;
	z-index:1;
	background-color: #CC6633;
	height: auto;
}
  #apDiv16 {
	position:inherit;
	width:200px;
	height:auto;
	z-index:1;
}
  .abstract_eng {
  color: #593067;
  font-style: italic;}