/* templates/about/style.css  */
/* Basado el la plantilla One True Layout */
/* This template is a content first css only template */
/* Layout adopted from http://positioniseverything.net/articles/onetruelayout/ */
/* Sliding faux columns adapted from http://meyerweb.com/eric/thoughts/2004/09/03/sliding-faux-columns/ */

/****** Estructura ******/
body {	direction: ltr; font-size: 0.9em; padding:0;
   font-family: verdana, arial, helvetica, sans-serif;
   margin: 0 0; background-color: #f1f6fb;}
   
/* cabecera */
#serendipity_banner {margin: auto; width: 100%;position:relative; height: 98px;
   border: 0;
   background-image: url(templates/about/img/header_default.png);}

/* sliding faux columns */
.sfc1 {background-color: #fff;}
.sfc2 {background-color: #fff;}
/* end sfc */

#mainpane {margin: 0 auto; width: 100%; border-top: 0; 	background: transparent;
   border-bottom: 1px solid #235587;}

/* main content */
#content {float: left; background: transparent;}

/* these are used to change the width of the content and its */ 
/* margin-left depending on the number of columns            */
/* 2-column, left sidebar  				     */
.withleft {width: 80%; margin-left: 20%;}

/* 3-column. Este sera el layout que utilizaremos */
.withboth {width: 60%; margin-left: 120px; /* espacio para el menu lateral */}
/*.withboth {width: 60%; margin-left: 20%;} */

/* 2-column, right sidebar */
.withright {width: 80%;	margin-left: 0%;}

/* just in case someone decides to have _no_ sidebars */
.nosidebars {width: 100%; margin-left: 0%;}

/* left sidebar */
#serendipityLeftSideBar {float: left;margin-top:10px;}

/* right sidebar */
#serendipityRightSideBar {float: left; margin-top:10px; width: 19%;}

/* these are used to change the margin-left for the LSB depending */
/* on the number of columns 				          */
/* 3-column */
.leftandright {width: 20%; margin-left: -80%;}

/* 2-column */
.leftonly {width: 20%; margin-left: -100%;}

#footer {padding: 0.5em 0; clear: both;
   margin-left:125px; /* espacio para el menu izquierdo */}
/****** Fin Estructura ******/

/********* Estilos generales *********/
h1, h2, h4, h3 {margin: 0; }
input, textarea, select {font-size: 10pt;}
th, td {font-size: 10pt;}
li {list-style-position: inside;}
a:link, a:visited, a:active {color: #235587; text-decoration: none;}
a:hover {color: #5f90ba; text-decoration: underline;}
blockquote {margin: 15px 30px 0 15px; padding-left: 15px; border-left: 4px solid #2a5a8a;}

/* usado por s9y para centrar */
.serendipity_center {margin: 0 auto;	text-align: center;}

/* mensajes de warning */
.serendipity_msg_important {color: red;}

/* mensajes de confirmacion (p.e. al guardar algo) */
.serendipity_msg_notice {color: green;}

/* color temporal de los links inactivos */
.not_active {color:#999;}
/********* Fin estilos generales *********/

/********* Estilo Cabeceras *********/
/* div contenedor para homelink1 and homelink2 */
#identity {position:absolute;margin:0;padding:0;}

/* titulo del blog o del post */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {
   color:#fff;
   font-size : 15pt; padding-left:15px; padding-top: 15px; margin: 0px; text-decoration: none;
   text-transform: lowercase;}

/* descripcion del blog */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 {
   color: #fff; padding-left: 15px; font-size: 10pt; margin: 0px; text-decoration: none; text-transform: lowercase;}

/* menu superior */
#navbar {top:72px; position:absolute;height: 27px; padding: 0px;color:#fff; width:100%; 
	background-image: url(templates/about/img/navbar_default.png); margin:0px;}
#navbar ul {list-style-type: none; padding: 0px 0 0 5px;margin: 0px;}
#navbar li {float: left; margin: 0px 10px 0 0 ; padding: 0px; display: block;
 	font: bold 9pt/18pt "Lucida Grande", Verdana, Sans-serif;}
#navbar li a, #navbar li a:link {color: #235587; text-decoration:none; padding:0px 5px;
	display: block; border: 0px;}
#navbar li a:hover {color: #5f90ba; text-decoration: underline;}
/********* Fin Estilo Cabeceras *********/

/********* Estilo del pie *********/
/* texto */
#footer p {color:#666; text-transform:lowercase; font-size: 9pt; font-weight:bold; line-height: 1.5;}

/* links */
#footer a, a:visited {color:#215385; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/********* Fin Estilo del pie *********/

/********* Estilo de las Entradas *********/
/* contenedor del post */
.serendipity_entry, .serendipity_section_commentform {
   color: #333; font-size: 9.5pt;
   font-weight: normal; margin: 10px 0 40px 0;}

/* contenedor para titulo y fecha */
.serendipity_Entry_Date {clear:both; margin:0 10px;}

/* estilo para la fecha encima del tiutlo */
.serendipity_date {text-align:right; line-height:0.85em; color: #999;
   margin:10px 0 0 0; text-transform:lowercase; display:block; font-size:.9em;
   border-bottom: 1px solid #ddd; padding: 10px 12px 2px 0;}

.entry_separator {clear:both;margin:0; padding:0; border:none; color:#fff;}

/* titulo de la entrada */
.serendipity_title {font-size: 13pt; clear:left; font-weight: bold; color: #235587; margin-top: 5px;}

.serendipity_title a:link, .serendipity_title a:visited {text-decoration: none;
   font-weight: bold; border: 0; color: #235587; 	background:none;}

.serendipity_title a:hover {color:#e37235;}

/* estilo para el texto */
.serendipity_entry p {margin: 0px; padding-bottom: 0px;}

/* estilo para el texto extendido */
.serendipity_entry_extended {margin-top:20px;}

/* prevent styling of the extended placeholder, otherwise the background image is visible ?? */
#extended {background:none; display:none;}

/* links a comments, trackbacks, editar entrada, etc */
.serendipity_entryFooter {font-size: 0.9em; color: #000000;
   padding: 0px 2px 4px 2px;}

/* estilo para el pie de entrada tipo "small box" */
.small_box {border:1px solid #ddecfb; background-color:#f6f8fb;
   margin: 0px 0 10px 10px; width:180px; float:right;}

/* estilo para el pie de entrada tipo "below entry" */
.below_entry {text-align: center; margin:10px 0 30px 0; clear:both;}

.serendipity_entryFooter a {font-weight:bolder;}

.serendipity_entryFooter a:hover {color: #e37235; text-decoration:none;}

/* estilo para el icono de categoria, si se usa */
img.serendipity_entryIcon {float: right; border: 0px; margin-top:1px;}

/* estilo del 'continua leyendo', evita que firefox haga el link 100% ancho */
.continue_reading {display:block; margin-top:10px; clear:left;}

/* estilos del 'continua leyendo' link */
.continue_reading a:link, .continue_reading a:visited {font-weight:normal; background:none;}
.continue_reading a:hover {color: #5f90ba; background:none; text-decoration: underline;}

/* no usado, permite un estilo adicional para los post de un autor en blogs multi-autor */
.serendipity_entry_author_self {}

/* contenedor para los 'summary listings' en archivos */
.archive_summary {clear:both; margin:15px 0 0 10px; font-size:0.9em;}

/* estilo para el titulo en 'summary archives overview' */
.archive_summary_title {font-size: 1.0em; font-weight: bold;
   margin: 0; padding:0;}

/* estilo para los 'next/previous' links sobre el pie, incluye la start page y los links a archivos */
.serendipity_pageFooter {clear:both; margin:10px 0 20px 0;}
/********* Fin Estilos de las Entradas *********/

/********* Estilos de Comentarios *********/
/* contenedor para todos los comentarios, no definifo en el default theme */
.serendipity_comments {}

/* titulo para commentarios, trackbacks y commentform */
.serendipity_commentsTitle {font-size: medium; font-weight: bold;
   margin-top: 10px; color: #336d9f; clear:left;}

/* contenedor para comentarios individuales */
.serendipity_comment {padding: 3px;}

/* estilo para el autor del comentario, fecha, etc */
.serendipity_comment_source {margin-top: 5px; padding-left: 5px;
   margin-bottom: 5px; padding-bottom: 3px;}

/* estilo para el autor del comentario si esta registrado */
.serendipity_comment_author_self {border-top:3px solid #e37235;
   border-bottom:3px solid #e37235;}

/* estilo para comentarios pares */
.comment_evenbox {margin:0 0 20px 0; border-top:1px solid #5f90ba; border-bottom:1px solid #5f90ba; 
   background-color:#fafbfc; color:#505050; line-height:1.5em;}

/* estilo para comentarios impares */
.comment_oddbox {margin:0 0 20px 0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;
   background-color:#fafbfc; color:#505050; line-height:1.5em;}
/********* Fin Estilos de Comentarios *********/

/********* Formulario para comentarios *********/
.serendipity_commentsLabel {font-size: 8.5pt; font-weight: bold;}
form dt {float: left; margin-bottom: 5px;}
form dd {padding-left: 0em; margin-left: 90px; margin-bottom: 5px;}
form textarea {margin-bottom: 10px;}
/********* Fin Formulario para comentarios *********/

/********* Estilos Sidebar *********/
#serendipityLeftSideBar h3 {padding: 0 3%;}
#serendipityLeftSideBar p {text-align: justify; padding: 0 3%; }
#serendipityRightSideBar h3 {padding: 0 3% 2px 3%; }
#serendipityRightSideBar p {text-align: justify; padding: 0 3%; }

.serendipitySideBarItem {padding:0 10px;}

/* contendor para bloques individules dentro de la sidebar */
div.serendipitySideBarContent {padding-bottom: 12px; margin-bottom: 12px;
   font-size: 12px; font-weight:normal;}

/* titulos para los elementos de la sidebar */
.serendipitySideBarTitle {width:95%; line-height:0.85em; color: #999;
   margin:10px 0 4px 0; display:block; font-size:.9em;
   border-bottom: 1px solid #ddd; padding: 10px 0 0 12px;}

/* estilos para el 'powered by' */
div.serendipityPlug img {padding-left:5px;}
div.serendipityPlug a {text-decoration: none; border: 0px;}

/* estilos para input y select drop downs en la sidebar */
.serendipitySideBarContent input, .serendipitySideBarContent select { width:150px;}

/* estilos para fechas en la sidebar */
.serendipitySideBarDate { line-height:0.9em;}
/********* Fin Estilos Sidebar *********/

/********* Estilos Calendario *********/
/* estilo para la tabla del calendario */
table.serendipity_calendar {border-bottom:1px solid #ddecfb;
   border-left:1px solid #ddecfb; border-right:1px solid #ddecfb; }

/* contenedor para las filas */
table.serendipity_calendar td {text-align:center; padding: 3px;}

/* estilo para los links en las fechas */
table.serendipity_calendar a {font-weight: bold; text-decoration:none;}
table.serendipity_calendar a:hover {text-decoration: underline;}

/* estilo para la cabecera de las columnas */
.serendipity_calendarHeader {background:#235587;}

/* estilo para los meses y las flechas */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
   border: 0; color:#fff; text-decoration: none;}

/* estilo para los nombres de los dias */
td.serendipity_weekDayName {font-size:95%!important; font-size:90%;
   font-weight:575; color:#fff; background:#5f90ba;}

/* estilo para las filas del calendario */
td.serendipity_calendarDay {color:#888; font-size:90%;}

/* estilo para el dia de hoy */
td.Today {color: #444; text-decoration: overline;}

/* mas estilos estilo para las filas del calendario */
.row1 {background: #ddecfb;}
.row2 {background: #e2eefb;}
.row3 {background: #e7f1fb;}
.row4 {background: #ecf3fb;}
.row5 {background: #f1f6fb;}
.row6 {background: #f6f8fb;}
/********* Fin Estilos Calendario *********/

/********* Imagenes incustadas con el s9y image manager *********/
/* contendor para imagenes y texto */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
   border: 1px solid #ddd; background-color: #efefef; margin: 3px; padding: 3px;
   text-align: center;}

/* estilo para centrar la imagen y el texto */
.serendipity_imageComment_center {margin: auto;}

/* estilo para alinear a izquierda */
.serendipity_imageComment_left {float: left;}

/* estilo para alinear a derecha */
.serendipity_imageComment_right {float: right;}

/* estilos para las imagenes */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
   margin: 0px; padding: 0px; border:none; text-align: center;}

/* estilo para el texto a pie de imagen */
.serendipity_imageComment_txt {border-top: 1px solid #ddd; margin: 0px;
   padding: 3px; clear: both; font-size: 8pt; text-align: center;}
/********* Fin Media Manager Styles *********/


/********* Estilos Plugin *********/
/* contenedor para el resultado de las busquedas, navegacion en paginas estaticas y el mensaje de no hay entradas */
.serendipity_search, .staticpage_navigation, .serendipity_overview_noentries {
	margin:10px 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
	clear:both;}

.staticpage_author, .staticpage_metainfo {padding-left:10px;}

/* estilo input para quicksearch */
#serendipityQuickSearchTermField {
	width:70%;
	margin-top:10px!important;
	margin:0;
	padding:0;}

/* estilo palabra de busqueda y num resultados */
.searchterm, .searchresults {color:#235587;font-weight:bold;}

/* estilo freetag items */
.serendipity_freetag_taglist {margin:10px 0 20px 0; padding:15px; font-size: 80%;
   color:#505050; border: 1px solid #c0c0c0; background-color: #fafbfc;
   line-height:1.5em; text-align: justify;}

/* contenedor freetag plugin */
.serendipity_freeTag {margin-top:10px;}

/* estilo para rss feed image en freetag plugin */
img.serendipity_freeTag_xmlButton {border:none; padding-left:2px;}

/* contenedor para karma vote plugin */
.serendipity_karmaVoting {margin-top: 10px;}

/* estilos adicionales en karma plugin */
.serendipity_karmaVoting_exits {}
.serendipity_karmaVoting_exits_num {}
.serendipity_karmaVoting_text {}
.serendipity_karmaVoting_links {display:block; clear:left;}
.serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {}
.serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br {
	display:none;}

.serendipity_entrypaging {margin-top: 10px;}

/* contenedor para comments plugin en la sidebar */
.container_serendipity_plugin_comments {
	color:#333;}

/* contendor para comentarios individuales en la sidebar */
.plugin_comment_wrap {display:block; margin:15px 0 0 0;
   border-top:1px solid #ddecfb; border-bottom:1px solid #ddecfb; background-color:#fafbfc;
   color:#505050;}

/* estilos para comments plugin en la sidebar */
.container_serendipity_plugin_comments br, .container_serendipity_plugin_shoutbox br {
	line-height:0.5em;}
.plugin_comment_body {font-style:oblique;}

.serendipity_multilingualInfo {}
/********* Fin Estilos Plugin *********/

/********* Trucos para el One True Layout *********/
/* OTL: Fix for IE 5 and 6 (IE Doubled Float-Margin Bug) */
* html #content {
   display: inline;
}

/* OTL: Fix for IE 5.01 */
#mainpane {
   float: left;
   float/**/: none;
}

/* OTL: easy clearing */
#mainpane:after {
   content: ' '; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#mainpane {
   display: inline-block;
}
/*\*/
#mainpane {
   display: block;
}
/* end easy clearing */

/********* Estilos adicionales Alkimia *********/
/* ZONA 2: MENU NAVEGACION */
#left_menu {
   display:block; top:100px; /* justo debajo de la cabecera */
   left:0px; width:120px; height:150px;
   position:fixed; /* para que no se mueva con el scroll. No funciona en IE6 */
   border:0; padding:5px 0px; margin:0;}

* html #left_menu {position:absolute;}	/* truco para que el menu no se mueva en IE. No acaba de funcionar!! */

/* Links del menu */
#left_menu a, #left_menu a:link, #left_menu a:visited, #left_menu #selected {
  display: block; width:95px; height:30px;
  text-align:left;
  text-decoration:none; color:#000;
  margin: 0 5px; border-width:0;
  padding:1px 6px;
  overflow:hidden; /* evitar que salgan barras de scroll en IE */
}

/* Links hover y seleccionado */
#left_menu a:hover, #left_menu #selected { color: #aaaaaa; background-color:#666666; text-decoration:none;
  width:95px; height:30px; padding:0px 5px; border: 1px solid #888888;}

/* A continuacion vienen los Colorset. Esta plantilla permite varios estilos distintos
 * La forma de definirlos es poner el nombre del estilo delante de cada elemento que queremos redefinir
 * Luego hay que anyadir el nombre del estilo en el fichero config.inc.php, en el array 'colorset'
 * Por ultimo, se selecciona el color concreto en el panel de administracion de templates o bien se
 * codifica directamente en el fichero index.tpl en el tag <body id="colorset"> si solo queremos tener un
 * colorset y que se aplique directamente a la pagina sin tener que seleccionar nada */
/****** About Colorset ******/
body#about, #about .s9y_wrap {background-color: #666; color: #aaa;}
#about #mainpane {border-bottom:2px solid #ddd; background-color: #666;}
#about #serendipity_banner {border: 0;
	background-image: url(templates/about/img/header_about.png);}
#about a.homelink1, #about a.homelink2, #about a.homelink1:link, #about a.homelink1:visited,
  #about a.homelink2:link, #about a.homelink2:visited {color:#eee;}
#about a.homelink1:hover, #about a.homelink2:hover {color: #444;}
#about a:link, #about a:visited, #about a:active {color:#ddd;text-decoration: none;}
#about a:hover {color: #999; text-decoration: none;}
#about blockquote {border-left: 4px solid #888;}

#about #navbar {background-image: url(templates/about/img/navbar_about.png);}
#about #navbar li a, #about #navbar li a:link {color: #636363;}
#about #navbar li a:hover {color: #252525;}
#about #left_menu {font-size:20px; background-color: #666;}
#about #left_menu a, #about #left_menu a:link, #about #left_menu a:visited { color:#ddd;}
#about #left_menu a:hover, #about #left_menu #selected { color: #999; background-color:#505050; border-color:#fff;}
#about #footer p {color:#ffa500;}
#about #footer a {color:#ddd;}
#about #footer img {border: 0px none ; vertical-align: middle;}
#about .serendipity_date {color: #aaa; border-color: #fff;}
#about .serendipity_entry {background-color:#b0c4de; border: 1px solid #fff; padding: 5px;}
#about .serendipity_entry a:link {color:#444; text-decoration:underline;}
#about .serendipity_entry a:visited {color:#888; text-decoration:underline;}
#about .serendipity_entry img {border: 0px none; padding-left: 5px; padding-right: 5px;}
#about .serendipity_title, #about .serendipity_title a:link, #about .serendipity_title a:visited {color:#000; text-decoration:none; text-transform:lowercase;}
#about .serendipity_title a:hover {color:#888;}
#about .serendipity_entry_body {color:#000;}
#about .serendipity_entryFooter {color:#333;text-transform:lowercase;}
#about .small_box {border:1px solid #ddd; background-color:#f9fafb;}
#about .below_entry {border:none; background-color: #b0c4de;}
#about .serendipity_entryFooter a:link, #about .serendipity_entryFooter a:visited {color:#000;text-decoration:none;}
#about .serendipity_entryFooter a:hover {color: #888; text-decoration:none;}
#about .footer_Promocion a {font-weight:normal;}
#about .footer_Promocion a:visited {color:#888;}
#about .continue_reading a:link, #about .continue_reading a:visited, #about .continue_reading a:active {color: #333; text-decoration:underline;}
#about .continue_reading a:hover {color: #888; text-decoration:underline;}
#about .serendipity_commentsTitle {color: #ddd;}
#about .serendipity_comments {color: #999;}
#about .serendipity_commentsLabel {color: #ddd;}
#about .serendipity_commentDirection {color: #ccc;}
#about .comment_evenbox, #about .comment_oddbox {font-size: 9.5pt; color:#000; background-color:#b0c4de;}
#about .comment_evenbox a, #about .comment_oddbox a {color:#000; font-weight:bold; font-size:smaller; text-transform:lowercase;}
#about .plugin_comment_wrap {border-top:1px solid #fff; border-bottom:1px solid #fff;	background-color:#b0c4de;}

#about table.serendipity_calendar {border-bottom:1px solid #eee;	border-left:1px solid #eee; border-right:1px solid #eee;}
#about .serendipity_calendarHeader {background:#6f6f6f;}
#about td.serendipity_calendarHeader a:link, #about td.serendipity_calendarHeader a:visited, #about td.serendipity_calendarHeader a:hover {
	text-decoration: none;}
#about td.serendipity_weekDayName {background:#8a8a8a;}
#about .row1 {background: #dedede;}
#about .row2 {background: #e3e3e3;}
#about .row3 {background: #e8e8e8;}
#about .row4 {background: #ededed;}
#about .row5 {background: #f0f0f0;}
#about .row6 {background: #f2f2f2;}
#about .serendipitySideBarContent {font-size: 8pt;}
/* Pasar a minusculas algunas secciones de la barra lateral */
#about .serendipitySideBarTitle {color: #aaa; border-color: #fff; text-transform:lowercase;}
#about .serendipitySideBarDate {text-transform:lowercase;}
#about .container_serendipity_plugin_recententries {text-transform:lowercase;}
#about .container_serendipity_archives_plugin {text-transform:lowercase;}

/* Estilo de los formularios */
/* Sidebar */
#about .serendipitySideBarContent input[type="text"], #about .serendipitySideBarContent select {
   width: 100%; color: #000; background-color: #b0c4de; border:1px solid #ddd;}
#about .serendipitySideBarContent input[type="submit"] {
   position: relative; width: 60%; left: 20%;
   color: #999; background-color:#505050; border:1px solid #fff;
   font-weight:bold; text-transform: lowercase;}
#about .serendipitySideBarContent input:hover, #about .serendipitySideBarContent select:hover {
   background-color: #cddaeb; border-color: #fff;}

/* Comentarios */
#about .serendipity_commentsValue input[type="text"], #about .serendipity_commentsValue select,
#about .serendipity_commentsValue textarea {
   width: 100%; color: #000; background-color: #b0c4de; border:1px solid #ddd;}
#about .serendipity_commentsSubmit {
   color: #999; background-color:#505050; border:1px solid #fff;
   font-weight:bold; text-transform: lowercase;}
#about .serendipity_commentsValue input:hover, #about .serendipity_commentsValue select:hover,
#about .serendipity_commentsValue textarea:hover, #about .serendipity_commentsSubmit:hover {
   background-color: #cddaeb; border-color: #fff;}
/****** Fin about Colorset ******/