/*estilo del gif del lenguaje*/

.v{

  width: 80px;

    height: 80px;

   

}



.pkp_structure_head{

 background: #f6a155;   

}

/*  botones de pdf y mp3**************************************************/

 



.obj_galley_link_supplementary, .obj_galley_link, .buttons button{

    

  color: #fff !important;

  font-size: 20px;

  font-weight: 500;

  padding: 0.5em 1.2em;

  background: #f6a155;

  position: relative;

  border: 2px solid #f6a155;

  outline: 1px solid;

  outline-color: rgba(49, 138, 172, 0.4);

  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);

}







.obj_galley_link_supplementary:hover, .obj_galley_link:hover, .buttons button:hover{

   background: #f6a155;

  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);

  outline-color: rgba(49, 138, 172, 0);

  outline-offset: 80px;

  text-shadow: 1px 1px 6px #fff;

  

}



/*******************fin pdf boton***************/









.cmp_button_wire{

    padding: 10px;

    background:#f6a155;

    color: #ddd;

    border: 2px solid #f6a155;

    border-radius: 12px;

}







/* footer    */



 #flex {

       display: flex; }

 

    

    .main {

  width: 600px;

  height: 150px;

  display: table-cell;

 

  

  

}

    .contain{

        background-color: #f6a155;

        color: white;

        font-family: arial;

        font-size: 14px;

    }

    

    .imgs {

  border: 1px solid #ddd;

  border-radius: 4px;

  padding: 5px;

  

        align-content: center;

        width: 150px;

  height: auto;

}

    



.imgs:hover {

  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);

}

    .rig{

        text-align: center;

         box-shadow:

       inset 0 -3em 3em rgba(0,0,0,0.1),

             0 0  0 2px rgb(255,255,255),

             0.3em 0.3em 1em rgba(0,0,0,0.3);

    padding: 10px 15px;

    }

    .til{

       font-family: arial;

        font-size: 16px; 

    }

    

    @media only screen and (max-width: 600px) {

  #flex {

       display: list-item; }

}





/*formulario de registro*/

.cmp_form register{

   padding: 10px 15px;

    margin-bottom: -1px;

    border: 1px solid #ddd;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

     margin: 0 0 25px; 

    box-shadow:

       inset 0 -3em 3em rgba(0,0,0,0.1),

             0 0  0 2px rgb(255,255,255),

             0.3em 0.3em 1em rgba(0,0,0,0.3);

    

}





.login, .cmp_form {

    

    border-radius: 12px;

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

    padding: 20px 25px;

}



input[type=text], select {

  width: 100%;

  padding: 12px 120px;

  margin: 8px 0;

  display: inline-block;

 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

  

  box-sizing: border-box;

     border: 2px solid #f6a155;

  border-radius: 12px;

}



input[type=password] {

  width: 100%;

  padding: 12px 120px;

  margin: 8px 0;

  display: inline-block;

 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

  

  box-sizing: border-box;

     border: 2px solid #f6a155;

  border-radius: 12px;

}



input[type=email] {

  width: 100%;

  padding: 12px 120px;

  margin: 8px 0;

  display: inline-block;

 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

  box-sizing: border-box;

     border: 2px solid #f6a155;

  border-radius: 12px;

}

input[type=number] {

  width: 100%;

  padding: 12px 120px;

  margin: 8px 0;

  display: inline-block;

 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

  

  box-sizing: border-box;

     border: 2px solid #f6a155;

  border-radius: 12px;

}

input[type=checkbox]{

  width: 100%;

  

  margin: 8px 0;

  display: inline-block;

 box-shadow: 0 6px 6px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

  

  box-sizing: border-box;

     border: 2px solid #f6a155;

  border-radius: 12px;

}

.cmp_form .label{

    font-size: 14px;

    text-align: left;

    font-style: normal;

}



/*fin formulario de registro*/



/*div lateral derecho*/

pkp_structure_sidebar left {

 background-color: #f6a155;

  color: beige; 

}



/*estilos del li ul del menu*/

.pkp_nav_list ul a {

    color: white;

}





.profile li{

  background-color: #f6a155; /* azul */

  border: none;

  color: transparent;

   padding: 16px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 14px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: pointer;

    border-radius: 12px;

   box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

    border-radius: 10px; 

}



.profile a:hover, .profile li:hover, .pkp_nav_list ul a:hover {

  background-color: #f6a155;

  color: white;

 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);     

    

}



/*  estilos del logo de la cabecera */









/* estilos del div principal */







/* fin estilos del div del panel principal */







/* estilos del div lareral derecho de cada revista */



.body, .about_site, .block_language, .block_twitter, .block_Keywordcloud, .block_make_submission, .block_custom, .block_announcement_feed, .block_information, .block_browse, .block_web_feed, .downloads_chart{

   font-family: arial;

   padding: 10px 15px;

    margin-bottom: -1px;

    border: 1px solid #ddd;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

     margin: 0 0 25px; 

    box-shadow:

       inset 0 -3em 3em rgba(0,0,0,0.1),

             0 0  0 2px rgb(255,255,255),

             0.3em 0.3em 1em rgba(0,0,0,0.3);

}



/********************hover sombra******************/



.pkp_footer_content:hover, .journals img:hover, .cover img:hover, .gallery:hover, .block_language:hover, .block_twitter:hover, .block_Keywordcloud:hover, .block_make_submission:hover, .block_custom:hover, .block_announcement_feed:hover, .block_information:hover, .block_browse:hover, .block_web_feed:hover, .downloads_chart:hover, .cmp_button_wire:hover{

  box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);

  outline-color: rgba(49, 138, 172, 0);

  outline-offset: 80px;

  text-shadow: 1px 1px 6px #fff;

  

}

/**************************//****************/



.pkp_brand_footer, .homepage_about, .current_issue{

   padding: 10px 15px;

    margin-bottom: -1px;

    border: 1px solid #ddd;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

     margin: 0 0 25px; 

    box-shadow:

       inset 0 -3em 3em rgba(0,0,0,0.1),

             0 0  0 2px rgb(255,255,255),

             0.3em 0.3em 1em rgba(0,0,0,0.3);

}











/* fin estilos del div lareral derecho */



/*li de la cabecera*/

.profile{

  background-color: #f6a155; /* azul */

  border: none;

  color: transparent;

   padding: 10px 12px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 14px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: pointer;

    

   position: relative;

  left: 30px;

   box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

    border-radius: 12px; 

}

.profile:hover {

  background-color: #f6a155;

  color: white;

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

    border-radius: 12px; 

}

/* estilos de los logos de indexacion */

.gallery {

  margin: 5px;

 

  float: none;

  width: 150px;

  

}



.pkp_block .title {

  background-color:#f6a155;

    padding: 10px 20px; 

    z-index: 2;

    color: beige;

    border-radius: 12px

    

}



.pkp_footer_content, .pkp_structure_footer_wrapper{

  background-color:#f6a155;

  color: white;

}



.pkp_footer_content a{

 color: white;   

}



.pkp_brand_footer{

  background-color:#ddd;   

}



.header_view .title{

    display: none;

}

.header_viewable_file .title{

    padding-left: 2.857rem;

    max-width: 100%;

    overflow-x: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

    display: none;

}