﻿        @import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext'; 
		/*Cambios
		
		  -Ancho máximo del contenido 1160px para lectura en pantallas grandes
		  -Centrar contenido
		  -Margen interior a der y izq del 3%*/
         body{
      	 font-family: "Roboto",sans-serif,"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue";
		 max-width: 1160px;
		 margin: 0% auto;
		 padding: 0 3%;
		 background-color: #ffffff;
		 scroll-margin-top: 100px;
        }
		
		/*Fin cambios*/

        table {
          border-spacing: 0px; 
          border-collapse: collapse; 
          margin-bottom: 0px; 
          background-color: transparent; 
          overflow-x: auto;
		  font-size: 14px;
        }

        th {
          font-weight: bold; 
          border: 1px solid #4d547b; 
          padding: 8px; 
          color: white;
        }

        td {
          border: 1px solid #4d547b; 
          padding: 8px;
        }

        tr {
          background-color: transparent; 
          border-top: 1px solid #4d547b; 
          border-bottom: 1px solid #4d547b;
        }

        tr:nth-of-type(2n+1) {
          background-color: transparent;
        }

        tr th {
          background-color: #4d547b;												 
        }   

        th, td {
         /* border: none;*/
        }
.notas td{
    border: 0px;
}

        p { 				  
		  margin:10px 0px; 											  
          font-size: 14px; 
          text-align: justify;
		  line-height: 20px;
        }
		.box1 p { 				  
		  margin:20px 0px; 											  
          font-size: 13px; 
          text-align: justify;
		  line-height: 20px;
        }

        p.address-line { 
          margin-top: 0em;
          margin-bottom: 0em; 
          margin-left: 2em;
        }

        
        ul, ol { 
          margin-top: 0em; 
        }

        ul.nav {
          list-style: none;
        }

        li { 
          margin-top: 0em; 
          margin-bottom: 0em; 
        }

        li > p { 
          margin-top: 0em; 
          margin-bottom: 0em; 
        }

        a {
          text-decoration: none;
		  /*Añadido color de los link*/
		  color: #4d65bb;
        }
        
        a:hover {
          text-decoration: underline; 
          background-color: #bbbbb9;
        }

        h1 {
          text-align: center;
		  /*Cambio de lo color  y tamaño de fuente*/
          font-size: 22px; 
          color: #444663; 
          font-weight: bold;
		  margin-top: 40px;
        }

        h2 {
          text-align: center; 							   
          font-size: 16px;
		  /*Cambio de lo color*/	
          color: #969cbd; 
          font-weight: bold;
          margin-bottom: 4em;
        }

        h3 {
          text-align: left; 							   
          font-size: 16px;
		  /*Cambio de lo color*/	
          color: #444663; 
          font-weight: bold;
        }

        h4 {
          display: inline-block;
          text-align: left;                 
          font-size: 16px;
		  /*Cambio de lo color*/	
          color: #4d65bb; 
          font-weight: bold;
        }

        h5 {
          display: inline-block;
          text-align: left;                  
          font-size: 15px; 
          /*Cambio de lo color*/	
          color: #444663;  
          font-weight: bold;
        }

        .product {
          padding: 1em;
        } 

        .mixed-citation { 
         margin: 10px 0px; 
          font-size: 14px; 
          text-align: justify;
        } 

        .toctitle {
          text-align: right;                
          font-size: 11.0pt; 
          color: #444663; 
          font-weight: bold;
          margin-top: 30px; 
        }

        .toctitle2 {
          text-align: right;     
          color: #444663;
          font-size: 14px; 
          line-height: 20px; 
        }


        .titleabstract {								   
          font-size: 15px; 
          color: #4d547b; 
          /* font-weight: bold;  */
        }

        .titlekwd {
          display: inline;			   
          font-size: 13px; 
          color: #4d547b; 
          font-weight: bold;
		}

        .kwd {
          display: inline; 									   
          font-size: 13px;
		 
        }

        .labelfig { 
          display: inline; 
          color: #4d547b; 
          font-weight: bold;
          text-align: center;
          font-size: 12px;
        }

        .first{ 
          display: inline;
          border-spacing: 0.25em; 												  
          font-size: 14px; 
          text-align: justify;
        }

        .monospace {
          font-family: monospace;
          }

        .overline{
          text-decoration: overline;
          }
       
		.name {
		  margin: 30px 0px 0px 0px;
		  font-size: 14px;
		  text-align: center;
		  line-height: 20px;
		  font-weight: bold;
		}

        .email {
          margin:5px 0px;                        
          font-size: 12px; 
          text-align: center;
          line-height: 20px;
        }

        .orcid {
          margin:5px 0px;                        
          font-size: 12px; 
          text-align: center;
          line-height: 20px;
        }

		.aff {
		  margin: 5px 0px;
		  font-size: 12px;
		  text-align: center;
		  line-height: 20px;
		  color: #5d5d5d;
		}

        .history {
          margin:10px 0px;                        
          font-size: 13px; 
          text-align: justify;
          line-height: 20px;
        }

        .author-notes {
          margin:10px 0px;                        
          font-size: 13px; 
          text-align: justify;
          line-height: 20px;
        }

        .citation {
          margin:10px 0px;                        
          font-size: 13px; 
          text-align: justify;
          line-height: 20px;
        }
        .copyright {
          margin:10px 0px;                        
          font-size: 13px; 
          text-align: justify;
          line-height: 20px;
        }

        .top {
          height: 0px;
          width: 45px;
          text-align: center;
          color: white;
          font-size:12px;
          background: #4d547b;
        }
      
        .zoom{      
          transition: width 1s, height 1s, transform 1s;
          -moz-transition: width 1s, height 1s, -moz-transform 1s;
          -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
          -o-transition: width 1s, height 1s,-o-transform 1s;
          cursor: zoom-in;
        }
        
        .zoom:hover{      
          transform : scale(1.1);
          -moz-transform : scale(1.1);    
          -webkit-transform : scale(1.1);  
          -o-transform : scale(1.1);      
        }       
 
         .menulevel1 {
          margin-left: 0em; 
          display: block;
          font-size: 14px; 
          line-height: 20px;
        }

        .menulevel2 {
          margin-left: 2em; 
		      display: block;
          font-size: 14px; 
          line-height: 20px;
        }

        .menulevel3 {
          margin-left: 4em; 
          font-size: 14px; 
          line-height: 20px;
        }

        .menulevel4 {
          margin-left: 6em; 
          font-size: 14px; 
          line-height: 20px;
        }

        .menulevel5 {
          margin-left: 8em; 
          font-size: 14px; 
          line-height: 20px;
        }

        .menulevel6 {
          margin-left: 10em; 
          font-size: 14px; 
          line-height: 20px;
        }
        

        .active {
          background-color: #4d547b;
          color: white;
        }

        .boton_1{
          text-decoration: none;
          padding: 2px;
          padding-left: 2px;
          padding-right: 2px;
          font-size: 10px;
          color: white;
          background: #4d547b; 
          border-radius: 15px;
          text-align: center;
        }

        .boton_1:hover{
          opacity: 0.6;
          text-decoration: none;
        }

        .box { 
          color: #ffffff; 
          background: #4d547be8; 
          margin: 0 0 25px; 
          overflow: hidden; 
          padding: 8px; 
          border-radius: 7px 7px 0px 0px; 
          -webkit-border-radius: 7px 7px 0px 0px; 
		  -moz-border-radius: 7px 7px 0px 0px;
		  -o-border-radius: 7px 7px 0px 0px;
		  -ms-border-radius: 7px 7px 0px 0px;
          border: 1px solid #4d547b;
          margin-top: 30px;
		  text-align: center;
        }

        .box1 {  
          margin-top: -30px; 
          overflow: hidden; 
          padding: 10px; 
          /*border-radius: 0px 0px 0px 0px; 
          -moz-border-radius: 0px 0px 0px 0px; 
          -webkit-border-radius: 0px 0px 0px 0px; 
          border: 1px solid #4d547b;*/
        }

         .box2 {  
          /* margin-top: -10px; */
          overflow: hidden; 
          padding: 10px;
          /*Eliminar borde de todas las cajas y los margenes
		  border-radius: 0px 0px 0px 0px; 
          -moz-border-radius: 0px 0px 0px 0px; 
          -webkit-border-radius: 0px 0px 0px 0px; 
          border: 2px solid #4d547b;
		  margin-top: 2em;
		  */
        }
		nav{
		  margin-top: 15px;
		}
		/*Añadido:
		  -Borde solo a las cajas del resumen y datos de copyright
		  -Poner magen especifico en dichas cajas y la que contiene los agradecimientos y las referencias
		  */
		  
		header .box2{
		  border-radius: 0px 0px 0px 0px; 
          -moz-border-radius: 0px 0px 0px 0px; 
          -webkit-border-radius: 0px 0px 0px 0px; 
          border: 1px solid #4d547b;
		  margin-top: 30px;
		  padding: 0px 10px;
		}
		#article-back {
		  margin-top: -20px;	
		}
		/*Fin de añadido*/
		
        .tooltip {
          position: static;
          display: inline-block;
        }
        .tooltip-content {
          display: none;
          position: absolute;
          background-color: #f9f9f9;
          max-width: 50%;
          min-width: auto;
          box-shadow: 5px 5px 16px 20px rgba(0,0,0,0.2);
          padding: 12px 16px;
          border-radius: 15px;
          text-align: justify;
		  z-index: 1;
		  color: #000000; 
        }

        .outer-centrado {
          float: right;
          right: 50%;
          position: relative;
        }
        .inner-centrado {
          float: right;
          right: -50%;
          position: relative;
        }
        .clear {
            clear: both;
        }
        .tooltip-fig {
          display: none;
          position: relative;
          background-color: #f9f9f9;
          min-width: auto;
          box-shadow: 5px 5px 16px 20px rgba(0,0,0,0.2);
          padding: 12px 16px;
          right: 30%;
        }

        .tooltip:hover .tooltip-content {
          display: block;
          position: absolute;
        }

        .tooltip:hover .tooltip-fig {
          display: block;
          position: absolute;
        }        

        div.def-item { 
          border-spacing: 0.25em;                         
          font-size: 14px; 
          text-align: left;
          line-height: 20px;
        }

        div.section, div.back-section {
          margin-top: 1em; 
          margin-bottom: 0em;
        }

        div.panel { 
          background-color: white;
          font-size: 100%;
          padding-left: 0.5em; 
          padding-right: 0.5em;
          padding-top: 0em;
          padding-bottom: 0em;
          margin-top: 0em;
          margin-bottom: 0rem;
          position: relative;
          top: 0px;
          left: 0px;
        }

        div.blockquote, div.verse, div.speech { 
          margin-left: 4em; margin-right: 1em;
          margin-top: 1em; margin-bottom: 1em;
          background: transparent;
          text-align: justify;
          }

        div.note { 
          margin-top: 0em; 
          margin-left: 1em;
          font-size: 85%; 
        }

        div.fig, div.disp-formula, div.table { 
          text-align: center;
		  margin: 15px 20%;
        }
    /* Evitar que aumente la altura de linea al usar superindices y subindices */
        sup {
          vertical-align: top; position: relative; top: -0.3em;
        }
        sub { 
          vertical-align: bottom; position: relative; bottom: -0.3em; 
        }
        /*Poner linea inferior en los encabezados de los apartados*/
        h2, h3 {
          display: inline-block;
          padding: 0 0 5px;
          border-bottom: 3px solid #686498;
        }
        header h2{
          display:block;
          border:0;
        }

    	/*Movido al final*/
        .textfig {
          display: inline; 
          text-align: center;
          font-size: 12px;
        }