@charset "utf-8";
/* CSS Document */

header {
	background: url('../images/logo_top_800x90_back-2.png') repeat-x;
	background-position-x: center;
	background-position-y: 0px;
}
.autores {
}
.autores a {
	color:#206040;
	text-decoration: underline;
}
.autores a:active {
	background-color:#cdc;
}
.autores a:link {
	color:#204030;
}
.autores a:hover {
	color:#2080cf;
}

/* Cabecera */

header #header-back {
	padding: 0px; 
	height:96px;
}
header #header-back #header-front {
	padding: 0 0px; 
	margin: 0px;
	background: url('../images/logo_top_800x90_front-2.png')  no-repeat top left;
	height:96px;
}
header #header-back #header-front #page-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 1.9rem; 
	font-style:normal;
	letter-spacing: 0.1rem;
	color: #ffffff;
	padding-right:1rem;
	padding-top:2rem;
	padding-bottom:2rem;
	border:none;
}
header #header-back #header-front #page-title p{
	margin:0px;
	padding:0px;
	text-shadow: .1rem .1rem .2rem #103010;
}

header #header-back #header-front #menu-top { 
    margin: 0rem .2rem .2rem .6rem;
	line-height: 110%;  
	text-align:right;
	color: #eee;
} 

header #header-back #header-front #menu-top span { 
	border-color: #f0f0f0;
	border:solid;
	border-width: 1px;
	border-color: #a0c0a0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
}
header #header-back #header-front #menu-top span:hover { 
   background-color:#f0f0e0;
   color: #003333; 
}
header #header-back #header-front #menu-top a { 
    color: #f0fff0; 
	border-radius: 4px;
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
	text-decoration:none; 
} 
header #header-back #header-front #menu-top a:hover { 
    color: #003333; 
}
	
#smNavbar .nav.navbar-nav a {
	text-decoration: none;
}
nav.navbar {
	margin-bottom: 0px;
}
nav.navbar a.navbar-brand {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
nav.navbar a.navbar-brand:hover {
	color: #ffffff;
}
nav.navbar .navbar-header {
	background: url('../images/logo_top_800x90_back-2.png') repeat-x;
	background-position-x: center;
	background-position-y: -20px;
}
nav.navbar button.navbar-toggle {
	background-color:#f0f0f0;
}
nav.navbar #xs-subtitle {
	padding-top:.3rem;
	padding-bottom: 0rem;
	margin: 0px;
	padding-right : 1em;
	text-align: right;
	color: #869086;
	font-weight: 800;
}

/* Contenido informativo principal */

#container div.content {
	max-width: 100rem;
}
#container #main-content {
	padding-top:1.5em;
} 
#container #main-content .central-list {
	margin-left: -15px;
	margin-right: -15px;
} 
#container #main-content .central-list li {
	margin-top: 0em;
	margin-bottom: 0em;
} 
#container #main-content .central-list li a {
	color: #606860;
	padding: 1em;
	display: block;
	text-decoration: none;
	border-style: solid;
	border-width: 0px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	border-top-color: #f0f0f0;
	border-top-width: 1px;
}
#container #main-content div {
}
#container #main-content p {
}
#container #main-content p.title {
	font-size:1.6em;
	font-weight:bold;
	color:#556655;
}
#container #main-content p.title-2 {
	font-size:1.25rem;
	font-weight:bold;
	color:#334433;
}
div.central-list {
	padding: .5em;
	padding-top: 1.5em;
}
#articulos li.sin-publicar {
   background-color:#f0e080;
}
#articulos ol#main-list {
	padding: 0px;
}

#main-list .ol-n {
	padding-right: 1em;
}

#container #main-list li {
	margin: 0px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#container #main-list li a {
	padding:4px;
	padding-left:0.5em;
	padding-right:0.5em;
}
#container #main-list li a:hover {
	background-color:#ccdddd;
	border-radius:4px;
	color: #000000;
}
#container #main-list span.art-author {
	color: #999;
	display: block;
	padding-left: 2.5em;
	font-size: .95em;
}
#container #main-list li a:hover span.art-author,
#container #main-list li span.art-author:hover {
	text-decoration: none;
}

/* Bolita de aviso para los aesceitos recientes */

div.aviso-on, li.aviso-on, span.aviso-on {
    width: 20px;
    height: 20px;
    float: right;
    z-index: 2;
    padding: 0px;
    background-image: url('../images/icono-aviso-20.png');
    -webkit-animation: rebote .4s ease-in 0s infinite alternate;
    animation: rebote .4s ease 0s infinite alternate;
}
@-webkit-keyframes rebote {
   0% {-webkit-transform: scale(.9, 1.1);}
   100% {-webkit-transform: scale(1.1, .9);}
}
@keyframes rebote {
   100% {transform: scale(.9, 1.1);}
   0% {transform: scale(1.1, .9);}
}

/* Barra lateral */	

.autores #sidebar1 { 
    padding-top:24px;
    background: url('../images/border_top_gradient.png') repeat-x top left;
	overflow: hidden;
}

.autores #sidebar1 img { 
    width: 90%;
	max-width: 360px;
}

nav#resumen-articulos {
	position: relative;
}

.autores #sidebar2 #bto-open-nav {
    font-size:2em;
    cursor:pointer;
    float:left;
    position: absolute;
    left: 0px;
    top: 4px;
    padding: .2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    background-color:#f0f0f0;
    border-radius: 4px;
    user-select: none;
    opacity: 0.6;
    box-shadow: -3px 5px 5px #808080;
}
.autores #sidebar2 #bto-open-nav:hover {
    opacity: 1;
}
@media (max-width: 767px) {
	.autores #sidebar2 nav {
		 position: fixed;
		 width: 85%;
		 height: 90%;
	 	 right: -65%;
		 top: 50px;
		 z-index: 1;
		 transition: 0.5s;
		 padding-bottom: 4px;
 		 opacity: 0.3;
	}
	.autores #sidebar2 ol {
		 margin-left: 50px;
		 overflow-y: scroll;
		 overflow-x: visible;
		 height: 90%;
		 background-color: #e0e0e8;
		 box-shadow: -3px 5px 5px #808080;
	}
	.autores #sidebar2 nav.opened {
		 right: 0px !important;
	     opacity: 1;
	}
	    
}

.autores #sidebar2 {  
    padding-right: 0px;
    padding-left: 0px;
}		
.autores #sidebar2 #resumen-articulos {
    padding-top:4px;
}
.autores #sidebar2 #resumen-articulos ol#lateral-list {
     padding-left: 0px;
}  
.autores #sidebar2 #resumen-articulos li {
	list-style-type: none;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	border-top-width: 0px;
	background-color: #e0e0e8;
}
.autores #sidebar2 #resumen-articulos li a {
	color: #606860;
	padding: 1em;
	display: block;
	text-decoration: none;
}
.autores #sidebar2 #resumen-articulos li a:visited {
	color: #787878;
}
.autores #sidebar2 #resumen-articulos li a:hover,
.autores #sidebar2 #resumen-articulos li a:active {
	color: #206020;
	background-color:#ffffff;
}
/* hover sobre li debe afectar al a */
.autores #sidebar2 #resumen-articulos li:hover {
	color: #206020;
	background-color:#ffffff;
	cursor: pointer;
}
.autores #sidebar2 #resumen-articulos a span.ol-n {
	font-size: .85em;
	padding-right: 0.85em;
}
.autores #sidebar2 #resumen-articulos a:hover span.ol-n {
	text-decoration: none;
}

/* Pie e la página */

footer { 
    padding: 1em;
	padding-bottom: 2em;
    background: url('../images/border_top_gradient.png') repeat-x top left;
	background-color: #F8FFFF;
} 
footer p {
	background-color: #F4FaF8;
}
footer .footer-links  { 
    text-align: center;
} 

footer .footer-links a { 
    color: #003333; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 0px;
	text-decoration:underline;
} 

footer .footer-links a:visited {
    color: #003333
}

footer #menuBottom a:hover { 
    background-color: #ffffff; 
	color: #dd5500;
} 

footer .footer-links a:active { 
    background-color: #fffff0; 
	color: #dd5500;
} 

@media (min-width: 768px) {
	#container div.content {
		margin: auto;
	}
	#articulos ol#main-list {
		padding-left:2.5em;
	}
}


/* ----  FIN ---- */




