/**
 * common.css
 *
 * Copyright (c) 2013-2014 Simon Fraser University Library
 * Copyright (c) 2000-2014 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * PKP-wide shared stylesheet.
 * DEPRECATED. Do not modify.
 */

/**
 * Common HTML elements
 */

body {
	margin: 0;
	padding: 0;
	background: #FFF !important;
	color: #111 !important;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

div {
	text-align: left;
}

p {
	margin: 1em 0; /* Making default stylesheet explicit - fixes IE7 margin collapsing. */
}

table {
	border: 0;
	border-spacing: 0;
	font-size: 1.0em;
}

form {
	margin: 0;
}

a {
	text-decoration: underline;
}

a.plain {
	text-decoration: none;
}

ul {
	margin: 0.25em 0 0.75em 0;
	padding: 0 0 0 2.5em;
}

tt {
	font-size: 1.25em;
}

label {
}

label.error {
	color: #900;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background: #F0F0E8;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 2px solid #E8E8E1;
	border-right: 2px solid #E8E8E1;
	font-size: 1em;
}

input.button {
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #E8E8E1;
	font-size: 1em;
}

input.defaultButton {
	background-color: #375;
	color: #FBFBF3;
	font-weight: bold;
}


/** EMMANUEL --> */

a:link {
	color:#000 !important;
}

a:active {
	color:#000 !important;
}

a:visited {
	color:#000 !important;
}

a:hover {
	color:#999 !important;
	background: #ffffff !important;
}
/**
 * Main layout elements
 */

#container {
	width: 100% !important;
	min-width: 730px !important;
	margin: 0px auto;
	text-align: center;
}

#header {
	width: 100%;
	text-align: center;
}

/** prueba con la etiqueta NO DA BUEN RESULTADO **/

 
#header img 
{
	width: 820px;
	margin-left:-28%;

}



#headerTitle {
	text-align: center !important;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color:#0F0;
}

#header h1 {
	margin: 0 auto;
	padding: 0.5em 0 0.25em 10%;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
}

#footer {
	width: 100%;
	min-height: 50px;
	position: static;
	clear: both;
	text-align: center;
}

#footerContent {
	width: 100%;
	margin: 0 auto;
	padding-left: 10%;
}



#main h2 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0.5em;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
}

#main h3 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0em;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
}

#navbar {
   font-family: helvetica, arial, sans-serif;

    text-align: left;
    padding-bottom: 4px;
    border-top: 1px solid #000;
    margin-bottom: -5px
    margin-top: -15px;
    border-bottom: 1px solid #000;
    width: 800px;
    margin-top: -15px;
    padding-top: 4px;
    position: relative;
    z-index: 4;
	color:#0FF;
	
}
 






-------
#breadcrumb {
	padding-top: 1em;
	font-size: 0.7em;
}

#content {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	font-size: 0.7em;
	border-top: 2px dotted #000;
}

#content h3 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	font-size: 1.8em;
}

#content h4 {
	margin: .75em 1em 0.25em 0em;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	font-size: 1.5em;
}

#content h5 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-weight: bold;
	font-size: 1em;
}


/**
 * Breadcrumbs
 */

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a.current {
	font-weight: bold;
}


/**
 * Footer elements
 */

#footer div.debugStats {
	font-size: 0.6em;
}


/**
 * Additional text styles
 */

span.disabled, label.disabled {
	color: #666;
}

a.action, a.file {
	font-size: 0.85em;
	text-transform: uppercase;
}

a.icon {
	text-decoration: none;
}

a.icon img {
	border: 0;
}

a.icon:hover {
	background: none;
}

span.formRequired {
	color: #333;
	font-size: 0.9em;
}

span.heading {
	font-size: 0.85em;
	text-transform: uppercase;
}

span.highlight {
	border-bottom: 1px dotted #000;
}

div.warningMessage {
	background: url(../templates/images/icons/icon_alert.gif) no-repeat 3px 40%;
	margin: 5px;
	padding: 5px 5px 5px 25px;
}

.nowrap {
	white-space: nowrap;
}

/**
 * Table styles
 */

table.info td {
	padding: 0;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
}

table.listing td {
	padding: 0.25em 1.5em 0.25em 0.5em;
}

table.listing tr.heading td, table.listing td.heading, table.info td.heading {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0.75em 1.5em 1em 0.5em;
}

table.info td.heading {
	padding-left: 0;
}


table.listing td.nodata, table.info td.nodata {
	text-align: center;
	font-style: italic;
}

table.listing td.headseparator {
	border-top: 1px dotted #000;
	font-size: 0.1em;
	line-height: 1%;
}

table.listing td.endseparator {
	border-top: 1px dotted #000;
	font-size: 0.25em;
	line-height: 10%;
}

table.listing td.separator, table.info td.separator {
	border-top: 1px dotted #DDDDD0;
	font-size: 0.1em;
	line-height: 1%;
}

table.data tr {
}

table.data td {
	padding-bottom: 0.25em;
}

table.data td.label {
	padding-right: 1em;
}

table.data td.value {
}

table.data td.separator {
	padding: 0.5em;
	font-size: 0.1em;
	line-height: 1%;
}

table.data td.heading {
	padding-left: 0;
	padding-right: 0;
}

table.nested tr {
	padding: 0;
	margin: 0;
}

span.nested {
	padding: 0 4px 0 0;
	font-size: 1.2em;
}

/**
 * Form-specific elements
 */

span.pkp_form_error { /* Named for compatibility with new lessphp structure */
	color: #900;
	font-weight: bold;
	font-size: 1em;
}

span.pkp_form_success { /* Named for compatibility with new lessphp structure */
	color: #090;
	font-weight: bold;
	font-size: 1em;
}

ul.pkp_form_error_list { /* Named for compatibility with new lessphp structure */
	color: #900;
}


/**
 * Other organizational elements
 */

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
	padding-right: 1.5em;
	display: inline;
}

ul.menu li.current {
	font-weight: bold;
}

ul.menu a {
	font-size: 0.85em;
	text-transform: uppercase;
	text-decoration: none;
}

ul.steplist {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ul.steplist li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	padding-right: 0.5em;
	display: inline;
	text-transform: uppercase;
}

ul.steplist li.current {
	font-weight: bold;
}

ul.steplist a {
	text-decoration: none;
}

ul.plain {
	list-style-type: none;
	padding-left: 1.5em;
}

ul.filter {
	margin: 0;
	padding: 1.5em 0 1.5em 0;
	list-style-type: none;
}

ul.filter li {
	padding-right: 1.5em;
	display: inline;
}


/**
 * Other organizational elements
 */

div.separator {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 0.25em;
	padding: 0;
	border-bottom: 1px dotted #F0F;
	font-size: 0.5em;
	line-height: 25%;
}

/** Adaptaciones de Ad?n para la correcta interacci?n con la plantilla del sitio
siguiendo el estilo de esta css,las medidas width se entregan en instrucciones absolutas (px)
lo anterior podr?a generar problemas en tablets y tel?fonos. Mejor cambiar todas las medidas a porcentajes **/

/** Emmanuel: El main lo he adaptado para que se pueda leer en tablet y m?viles **/

#main {
 float: left;
width: 54%;
margin-left: 1%;
margin-top: 22px;
display: inline;
overflow: hidden;
background: white;
padding: 1em 0em 0em 0em !important;

}

#leftSidebar {
	float: left;
	width: 14%;
	padding: 1em 0em 1em 0em;
	font-size: 0.65em;
	height: 100%;
	margin-left: 1%;
	margin-right: 2%;
	display: inline;
	overflow: hidden;
}

#rightSidebar {
    float: right;
    width: 15%;
    padding: 1em 0em 1em 1em;
    font-size: 0.65em;
    height: 100%;
    margin-right: 10%;
    margin-left: 1%;
    background: white;
    margin-top: 0px;
}

/** Modifico el header 

header h1 {
    margin-bottom: 10px;
    padding: 0;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    background: white;
    width: 70%;
    float: left;
    margin-left: 10%;
	margin-right: 15%;
	padding: 1% (arriba) 0em (izq) 0em (dcha) 10% (abajo)
}**/

#header h1 {
	margin: 0 auto;
	padding: 1% 0em 0em 10%;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	float: left;
	width: 100%;

}

/* Modificaciones de Adán, dic 2016, para ajustar a dos columnas la pagina de inicio, y arreglar la celda de números de página*/

#issueCoverImage img {
    display: block;
    border: 0;
    float: left;
    width: 40%;
}

div#fullTOC {
    float: left;
    width: 58%;
    margin-left: 2%;
}

.tocGalleys, .tocPages {
    text-align: right;
    width: 15%;
}