/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&subset=cyrillic,cyrillic-ext,latin-ext';*/
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext';

html{
	background-color: #ABB8C2 !important;
}

body {
	margin: 0;
	padding: 0 !important;
	background-color: #ABB8C2 !important;
	color: #000;
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	font-family: 'Roboto', sans-serif !important;
	font-size: 19px;
	text-align: center;
}

#body {
	width: 100%
}

div {
	text-align:justify;
}

p {
	margin: 1em 0em; /* Making default stylesheet explicit - fixes IE7 margin collapsing. */
	text-align: justify;
	font-family: 'Roboto', sans-serif !important;
}

table {
	border: 0;
	border-spacing: 2;
	font-size: 1.0em;
	margin: 5px 10px 5px 0px !important;
	font-family: 'Roboto', sans-serif !important;
	
}

form {
	margin: 0;
}

a {
	text-decoration:underline;
}

a:link {
	/*color: #3c63af;*/
	color:#53608A;
	/*font-weight:bold;*/
}

a:active {
	/*color: #333;*/
	color:#53608A;
}

a:visited {
	/*color: #333;*/
	color:#53608A;
}

a:hover {
	color: #006699;
	/*background: #f8f8f8;*/
	background:#CCC;
	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 {
font-family: 'Roboto', sans-serif !important;
background: rgb(245, 245, 245);
border-width: 1px;
border-style: solid;
border-color: rgb(222, 222, 222) rgb(212, 212, 212) rgb(212, 212, 212) rgb(222, 222, 222);
padding: 0.2em 0.5em;
color: rgb(51, 51, 51);
font-size: 0.95em;
}

input.button {
background-color: rgb(223, 223, 223);
margin: 0.2em;
padding: 0.2em;
border: 1px solid rgb(170, 170, 170);
color: #3B3B3B;
font-size: 1em;
font-weight:500;
}

input.defaultButton {
background-color: rgb(223, 223, 223);
margin: 0.2em;
padding: 0.2em;
border: 1px solid rgb(170, 170, 170);
color: #3B3B3B;
font-size: 1em;
font-weight:500;
}


/**
 * Main layout elements
 */
/**** topNavbar styles the sign in navbar at the very top of the page ****/

#issueDescription{
	font-size:15px;
	color:#900;
}

#topNavbar {
	margin: 0 0;
	margin-bottom:-46px;
	position:relative;
	padding-bottom: 0.2em;
	text-align:right;
}

/*
#topNavbar {
	float: right;
	width: 14%;
	padding: 3em 0em 1em 0em;
	font-size: 0.65em;
	height: 100%;
	margin-right: 5%;
	margin-left: 2%;
}
*/

#topNavbarSearch {
	margin: 0;
	padding: 0;
	text-align:right;
	margin-right:5%;
	padding-top: 0.7em;
	font-size: 0.6em;
}

ul.topNavbar {
	margin: 0;
	padding: 0;
	margin-right:5%;
}

ul.topNavbar li {
	margin: 0;
	padding: 0;
	padding-right: .7em;
	padding-left: .3em;
	border-right:1px solid #999;
	display: inline;
}

ul.topNavbar li.userName {
	font-size: 0.65em;
	text-transform: lowercase;
	text-decoration: none;
  	color:#444;
}

ul.topNavbar li.noBorder {
	margin: 0;
	padding: 0;
	padding-left: .3em;
	padding-right: 0em;
	display: inline;
	border:none;
}

ul.topNavbar a {
	font-size: 0.65em;
	text-transform: lowercase;
	text-decoration: none;
  color:#444;
}

#container {
	width: 100% !important;
	min-width: 1000px !important;
	/*margin: 0px auto;*/
	margin: 0px 0px;
	text-align: center;
	background-color: #f6f6f6;
	padding:0px 0px;
}

#header {
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	/*margin: 0px auto;*/
	padding: 10px 0px;
	margin:0
}

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

#header h1 {
	margin: 0px 0px;
	/*width:100px;*/
	padding: 0 0 0.25em 5%;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	text-align:left;
}

/**
 * Navigation bar
 */
#navbar {
	position: absolute;
	left: 0;
	top: 107px;
	width: 100%;
	min-width: 1000px !important;
	text-align: center;

	/* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    height:34px;
    
   /* border-right:1px solid #5d5d5d; border-left:1px solid #929292; */
   border-bottom:1px solid #575757;
   border-top:1px solid #797979;

    background: #838383;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzODM4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ODc4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #838383 0%, #707070 50%, #5e5e5e 51%, #787878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(50%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#787878));
background: -webkit-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -o-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -ms-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: linear-gradient(to bottom,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#787878',GradientType=0 );


	margin:0px;
	padding:0px;
}
navbar a {
	letter-spacing:normal;
}
/*
#navbar ul{
	width:100%;
	margin:5px auto 0 auto;
	border-bottom:0px;
}

#navbar a {
	font-size: 0.70em;
	letter-spacing: 0.05em;
	font-weight:none;
	color:#ffffff;
}

#navbar a:hover{
	font-size: 0.70em;
	letter-spacing: 0.05em;
	font-weight:none;
	color:#4a0b6b;
	background: #777777;
}*/
/* APPLE STYLE NAVIGATION MENU */
#appleNav { margin:-1px auto 0 0; list-style:none; padding: 0 0 0 2.5em;

    /* Lucinda Grande is the font used on the website from Apple. */
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;*/
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    /*width:975px;*/ height:34px;
    
    border-bottom:1px solid #575757; border-top:1px solid #797979;

   background: #838383;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzODM4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ODc4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #838383 0%, #707070 50%, #5e5e5e 51%, #787878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(50%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#787878));
background: -webkit-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -o-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -ms-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: linear-gradient(to bottom,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#787878',GradientType=0 );


}

#appleNav li {
	display:block;
	float:left;
	border-right:1px solid #5d5d5d;
	border-left:1px solid #929292;
	/*width:11%;*/
	padding: 0px 9px;
	height:34px;
	border-bottom:1px solid #575757;
	border-top:1px solid #797979;

  background: #838383;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzODM4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ODc4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #838383 0%, #707070 50%, #5e5e5e 51%, #787878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(50%,#707070), color-stop(51%,#5e5e5e), color-stop(100%,#787878));
background: -webkit-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -o-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: -ms-linear-gradient(top,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
background: linear-gradient(to bottom,  #838383 0%,#707070 50%,#5e5e5e 51%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#787878',GradientType=0 );


	margin: -1px 0px 0px 0px !important;
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:hover {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
	background: -webkit-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
	background: -o-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
	background: -ms-linear-gradient(top,  #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100%);
	background: linear-gradient(to top,  #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100%);
    background-color:#383838; /* Fallback */
    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
	margin: -1px 0px 0px 0px !important;
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#appleNav li:active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}

#appleNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; font-size:13px; font-family: 'Roboto', sans-serif !important; background:none; }




/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}

#topBar{
  padding-top: 0em;
  padding-bottom: 0em;	
}

#main {
	float: left;
	width: 68%;
	/*margin-left: 10%;*/
	margin-left: 4%;
	display: inline;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 1em;
	padding: 10px 15px;
	background-color: #FDFDFD;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border: 1px solid #414141;
}

#main h2 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0.5em;
	font-family: 'Roboto', sans-serif !important;
	font-weight:500;
	color: #041D91;
	font-size:22px;
}

#main h3 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0em;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
}
/*------------------------------
Botones de galeradas y resumen
--------------------------------*/

a.boton_resumen:link, a.boton_resumen:active, a.boton_resumen:visited, a.boton_galerada_html:link, a.boton_galerada_html:active, a.boton_galerada_html:visited, a.boton_galerada_pdf:link, a.boton_galerada_pdf:active, a.boton_galerada_pdf:visited, a.boton_galerada_xml:link, a.boton_galerada_xml:active, a.boton_galerada_xml:visited {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+100 */
	background: #f2f2f2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
	/*	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 4px;*/
	border: 1px #E6E6E6 solid;
	display: inline-block;
	color: #778EEA !important;
	padding: 0px 3px;
	text-decoration: none;	/*text-shadow: 1px 1px 0px #434343;*/
	margin-right: 5px;	/*font-weight:500;*/
}
a.boton_resumen:hover, a.boton_galerada_html:hover, a.boton_galerada_pdf:hover, a.boton_galerada_xml:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+100 */
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */

text-decoration: none;
}

/**
 * Breadcrumbs
 */
#breadcrumb {
	padding-top: 1em;
	font-size: 0.7em #939;

}

#breadcrumb a {
	text-decoration: none;
}

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

#content {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	font-size: 0.7em;
	line-height: 1.35em;
	border-top: 0px solid #bbbbbb;
	text-align:justify;
}

#content h3 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.5em;
	border-bottom: 2px solid #bbbbbb;
}

#content h4 {
margin: 10px 0px 0px 0px !important;
padding: 2px 5px 2px 0px;
border: currentColor !important;
color: #0010B6;
font-family: 'Roboto', sans-serif !important;
font-size: 1.3em;
font-weight: normal;
}
#content h4.enlaces {
margin: 10px 0px 0px 0px !important;
padding: 2px 5px 2px 0px;
border: currentColor !important;
color: #0010B6;
font-family: 'Roboto', sans-serif !important;
font-size: 1em;
font-weight:500;
}
#content h4.rojo {
	/*margin: 5px 0px 5px 0px !important;*/
	padding: 2px 5px 2px 0px;
	border: currentColor !important;
	color: #b14d4d;
	font-family: 'Roboto', sans-serif !important;
	font-size: 1em;
	font-weight:500;
}
#anteriores{
	/*border:1px #D2D2D2 solid;*/
}
#anteriores td{
	border: #fff 1px solid;
    background-color: #F5F5F5;
    padding: 0px 5px 10px 5px;
    /* vertical-align: middle; */
    text-align: center;
	white-space: nowrap;
}
	

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

/**
 * Footer elements
 */
#footer {
	width: 100%;
	/*min-height: 50px;*/
	position: static;
	clear: both;
	background-color:#777777;
	text-align: center;
	overflow:hidden;
}

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

#footer div.content{
	width:100%;
	margin:0 auto 0 auto;
	font-family: 'Roboto', sans-serif !important;
	font-size:10px;
	color:#ffffff;
} 
 
#footer div.content div.left{
	width:48%;
	float:left;
	padding-left: 2%;
	text-align:left;
}

#footer div.content div.right{
	width:48%;
	float:right;
	padding-right: 2%;
	text-align:right;
}

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

/**
 * Access icons and key
 */
#accessKey {
	margin-bottom: 2em;
}

#accessKey img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#content img.accessLogo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/**
 * Announcements
 */

#announcementsHome {
	width: 100%;
	margin: 2em 0 2em 0;	
}

#announcementsHome h3 {
	text-align: center;
}


#announcements h3 {
	text-align: center;
}

table.announcements {
	width: 100%;
}

table.announcements td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

table.announcements td.nodata {
	text-align: center;
	font-style: italic;
}

table.announcements td.headseparator {
	border-top:none;
	font-size: 0.1em;
	line-height: 1%;
}

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

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

table.announcements tr.intro {
}

table.announcements td.intro {
}

table.announcements tr.title {
	vertical-align: top; 
}

table.announcements td.title {
	width: 85%;
}

table.announcements td.title h4 {
}

table.announcements tr.description {
	vertical-align: top;
}

table.announcements td.description {
	width: 85%;
}

table.announcements tr.details {
	vertical-align: bottom;
}

table.announcements td.posted {
	padding-top: 1em;
	font-style: italic;
}

table.announcements td.more {
	width: 15%;
	text-align: right;
}

table.announcementsMore {
	width: 100%;
}

table.announcementsMore td {
	padding-top: 1.5em;
	text-align: right;
}


/**
 * Table of contents
 */

h4.tocSectionTitle {
}

table.tocArticle {
	width: 98%;
	padding-left: 1em;
}
table.tocArticle td.toclang {
	width: 6%;
}
table.tocArticle td.tocArticleTitleAuthors {
	width: 80%;
}
table.tocArticle td.tocTitle {
	width: 70%;
	height: 100%;
}

table.tocArticle div.tocGalleys {
	/*width: 30%;*/
	text-align: left;
	padding-left:10px;
}
.tocArticleGalleysPages {
    width: 20%;
}

table.tocArticle td.tocArticleTitleAuthors div.tocAuthors {
	/*padding-left: 30px;*/
	font-style: italic;
	vertical-align: top;
	padding-bottom: 10px;
	color:#77170D;
}

table.tocArticle td.tocPages {
	text-align: right;
	vertical-align: top;
}

.tocArticleCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 0 1em 1em 0;
}



/**
 * Homepage image
 */

#homepageImage img {
	display: block;
	margin: 0 auto;
	border: 0;
	text-align: center;
}

.homepageImage img {
	margin: 0 auto;
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
	text-align: center;
}


/**
 * Issue cover image
 */

#issueCoverImage img {
	display: block;
	border: 0;
}

.issueCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
}

#issueCoverImage a:link, .issueCoverImage a:link {
}

#issueCoverImage a:active, .issueCoverImage a:active {
}

#issueCoverImage a:visited, .issueCoverImage a:visited {
}

#issueCoverImage a:hover, .issueCoverImage a:hover {
}

/**
 * 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.instruct {
}

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

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

.nowrap {
	white-space: nowrap;
}

pre {
	background-color: #F0F0E8;
	color: #000;
	font-size: 1.25em;
}

/**
 * Table styles
 */

table.info {
}

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

#main table.listing {
	width:90%;
	font-size:0.85em;
}

table.listing tr.highlight {
	background: yellow;
}

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;
	line-height: 120%;
	padding: 0.75em 1.5em 1em 0.5em;
}

table.listing tr.fastTracked {
	background-color: #ABA;
}

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 {
}

table.data tr {
}

table.data td {
	padding: 10px 0px 5px 0px;
}

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%;
	border-bottom: 1px dotted #bbbbbb;
}

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.formError {
	color: #900;
	font-weight:500;
	font-size: 1em;
}

ul.formErrorList {
	color: #900;
}


/**
 * Other organizational elements
 */

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

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

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

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:500;
}

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;
}

div.separator {
	width: 100%;
	margin-top: 4em;
	margin-bottom: 0.25em;
	padding: 0;
	border-bottom: 1px dotted #bbbbbb;
	font-size: 0.5em;
	line-height: 25%;
}
/*
div.progressbar {
	background-image: url(../templates/images/progbg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 505px;
	z-index:1;
}
*/

/*-------------------------------------
    RIGHT SIDEBAR
---------------------------------------*/
#rightSidebar {
	float: right;
	width: 14%;
	padding: 35px 0em 1em 0em;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	font-family: 'Roboto', sans-serif !important;
	font-size: 11px;
	height: 100%;
/*	margin-right: 10%;*/
	margin-right: 7%;
	margin-left: 2%;
}

#rightSidebar a:link {
	color:#53608A;
	text-decoration: none;
}

#rightSidebar a:active {
	color:#53608A;
	text-decoration:none;
}

#rightSidebar a:visited {
	color:#53608A;
	text-decoration:none;
}

#rightSidebar a:hover {
	color: #4a0b6b;
	background: none;
	text-decoration: underline;
}
#rightSidebar ul{
	margin: 0.25em 0 0.75em 0 !important;
	padding: 0 0 0 2.5em;
 }

#rightSidebar ul li {
	font-family: 'Roboto', sans-serif !important;
	width:110%;
	left: -20px;
	position: relative;
	text-indent:8px;
	line-height:18px;
	list-style:none;
	border-bottom:1px dotted #bbbbbb;
	margin: 0px !important;
 }
 
/*-------------------------------------
    RIGHT SIDEBAR: CONTENT
---------------------------------------*/
#developedBy {
	text-transform: uppercase;
	font-size: 0.95em;
}

#sidebar div.block {
	font-size: 1em;
	padding-bottom: 1.5em;
}

#sidebar div.block span.blockTitle {
display: block;
background-image:url(../../../styles/images/blockTitle.png);
background-repeat:no-repeat;
background-position:left;
width:180px;
height:25px;
padding-left:15px;
padding-top:5px;
font-size: 1.2em;
letter-spacing: 0em;
text-transform: none;
color:#fff;
margin-top:10px;
position:relative;
left:-18px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

#sidebar div.block span.blockSubtitle1 {
display: block;
padding-left:15px;
padding-top:5px;
font-size: 1.2em;
font-weight:bold;
color:#444;
margin-top:10px;
margin-Bottom:10px;
position:relative;
left:-18px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

#sidebar div.block span.blockSubtitle {
	display: block;
	padding: 0;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

#sidebarRTArticleTools div.articleToolItem{
	text-align:left;
}

#sidebarWebFeed, #sidebarLanguageToggle, #sidebarUser, #customblock-indizacion, #customblock-crosscheck, #sidebarEditor, #sidebarAuthor, #sidebarNavigation, #sidebarKeywordCloud, #sidebarInformation, #notification, #sidebarHelp, #sidebarRTAuthorBios, #sidebarRTArticleTools, #customblock-logos, #customblock-fecyt{
display: block;
background-color: #FFFFFF;
background-position:top right;
width:178px;
border: 1px solid #414141;
margin-top:15px;
padding: 0px 10px;
position:relative;
left:-15px;
}
/* #customblock-logos{
display: block;
background-position:top right;
width:178px;
margin-top:15px;
padding: 0px 10px;
position:relative;
left:-15px;
} */

/*#sidebarDevelopedBy {display:none;}
#sidebarHelp {display:none;}
#sizer {display:none;}
#sidebarFontSize {display:none;}*/

/*text search box
input.textField, textarea.textArea {
	width:100px;
}
*/
/*text search box menu*/
select.selectMenu {
	/*width:100px;*/
}

/*text box user*/
#sidebarUser input.textField, #sidebarUser textarea.textArea {
	width:80px;
}
#sidebarUser td{
	border:0px !important;
	padding:2px 5px !important;
}

#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button {
	font-size: 1em;
}

/*-------------------------------------
    PDFVIEW
---------------------------------------*/
#inlinePdfResizer {
	width: 100%;
	height: 1000px;
	padding: 0px 0px 0px 0px;
}

#inlinePdf {
	width:100%;
	height:100%;
	padding: 0px 0px 0px 0px;
}
#pdfCanvasContainer{ 
	height:800px;
}