body { margin: 0px; background: #e6eef1; font-family: Arial; font-size: 12px }

a { color: #1a4970; text-decoration: none; }

.clear { clear:both }

.boton { display: block; background: #004f7a; color: #fff; text-align: center; font-size: 100%; padding: 1% 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.boton.inactive { background: #aaa}

h3 { font-weight: bold; margin: 0; padding: 0; margin-bottom: 2%; font-size: 160% }
h3.tit { color: #004f7a }
h3.tit div { font-size: 80% }

#content { padding: 1% }

/* Header */

#header { width: 100%; height: 51px; background:url(../img/bgHeader.png) repeat-x; margin-bottom: 10px }
#header #logo { width: 148px; height: 51px; margin: 0px auto; background: url(../img/logo.png) no-repeat }
#header #logo a { display: block; width: 100%; height: 100% }

/* Menu Nav */

#menuNav { width: 100%; margin: 5% 0% }
#menuNav .bMenuNav { float: left; width: 18%; margin: 1%; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:4px; }
#menuNav .bMenuNav a { display: block; width: 100%; height: 100%; text-decoration: none; padding: 6% 0%; color: #fff; font-weight: normal; font-size: 100% }

/* Listado */

.listado { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;}
.listado .itemListado { border-bottom: 1px solid #aaa }
.listado .itemListado.last { border-bottom: 0px }
.listado .itemListado a { display: block; height: 100%; padding: 2% 2%; }
.listado .itemListado a .title { float: left; color: #000; font-weight: normal; font-size: 140%; width: 95%; }
.listado .itemListado a .title .imgUser { float: left; width: 40px; height: 40px  }
.listado .itemListado a .title .imgUser img { width: 100%;  }
.listado .itemListado a .title .titleText { float: left; margin-left: 2%; width: 80%;  }
.listado .itemListado a .title .titleText .subTitleText { font-size: 80%; color: #025388  }
.listado .itemListado a .arrow { float: right; width: 13px; height: 16px; background: url(../img/arrow.png) no-repeat; margin: 1% 0; }

/* Buscar */

.buscar { margin: 2% 1% }
.buscar input { position: relative; top: -2px; font-size: 100%; padding: 1% 0; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 79%;}
.buscar .boton { float: right; width: 19%; }

/* Columna */

.columna { background: #fff; padding: 1%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }

.autor { margin: 1%; padding: 1%; background: #e6eef1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.autor .all { display: block; width: 100%; height: 100%; color: inherit}
.autor .imgUser { width: 80px; float: left }
.autor .imgUser img { max-width: 100%; }
.autor .datosAutor { float: left; margin-left: 2%; width: 70% }
.autor .datosAutor .nombre { font-size: 200%; font-weight: bold }
.autor .datosAutor .profesion { font-size: 120%; font-style: italic; }
.autor .datosAutor .otrosDatos { margin-top: 40px; font-size: 100% }
.autor .datosAutor .otrosDatos .visitas { float: left; margin-right: 5% }
.autor .datosAutor .otrosDatos .votos { float: left; margin-right: 5% }
.autor .datosAutor .otrosDatos .comentarios { float: left; }
.autor .datosAutor .otrosDatos .comentarios img { position: relative;  }

.autor .datosAutor .masDatos { margin-top: 2% }

.columna .columnaContent { margin: 1%; margin-bottom: 3% }
.columna .columnaContent .titleColumna { margin: 0% 0; font-size: 200%; font-weight: bold }
.columna .columnaContent .datosColumna { margin-bottom: 1%; font-size: 100%; color: #025388 }
.columna .columnaContent .textoColumna { padding-bottom: 1%; font-size: 140%; text-align: justify; }
.columna .columnaContent .imagenPpal { padding: 5px; border: 1px solid #ccc; float: left; margin-right: 10px; }
.columna .columnaContent .imagenPpal img { max-width: 100% }


.columna .comentariosColumna {  }
.columna .comentariosColumna .comentario { border-bottom: 1px solid #aaa; padding: 1% }
.columna .comentariosColumna .comentario .datosUsuario { font-size: 100%; font-weight: bold; margin-bottom: 2% }
.columna .comentariosColumna .comentario .datosUsuario .fecha { font-size: 100%; font-weight: normal; color: #666 }

/* Secciones */

.secciones {}
.secciones h3 { margin-top: 2%}
.boton.left, .boton.right { width: 49%; float: left; margin: 1% 0; padding: 3% 0 }
.boton.left { float: left }
.boton.right { float: right }

/* Columnistas */

.columnistas {}
.columnistas h3 { font-size: 140% }

.columnistas .listaColumnistas { padding: 1%; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }
.columnistas .columnista { margin: 1% 0% }

/* Ficha Columnista */

.fichaColumnista {}

.fichaColumnista .datosColumnista { padding: 1%; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }
.fichaColumnista .datosColumnista .bio { margin: 2% 1%; text-align: justify; font-size: 140% }

/* footer */

.volver { margin: 1%; text-align:right; }