/*
THEME NAME: Textual
THEME URI: http://arboltextual.com/
VERSION: 1.0.
DESCRIPTION: Theme destinado para el Arbol Textual.
AUTHOR: Victor Fernandez
AUTHOR URI: http://victorhf.com/	
*/

/* Generalidades y resets */

* { 
	padding: 0px; margin: 0px;
	border: 0px; outline: none;
}

body {
 	margin: 0px; padding: 0px;
	background: #fff;
}

p {
	margin-top: 0; margin: 0px 0px 15px 0px;
	line-height: 150%; 
}

body {
	color: #555; font-size: 14px;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

h1, h2, h3, h4 { color: #000000; }

a { color: #de4e4e; text-decoration: none; }

p a:hover, li a, #informacion a:hover,
#informacion a.mas { 
	background: #e6f2f5 url(img/punto.png) repeat-x bottom;
	padding: 0 0 1.5px 0;
}

a.sin, a.sin:hover { background: 0px; padding: 0px; }

span.nota, abbr, acronym { cursor: help; font-style: italic; }

span.nota:hover, abbr:hover, acronym:hover {
	background: url(img/punto.png) repeat-x bottom;
	padding: 0 0 1.5px 0;
}

/* Estructura y posicionamiento */

#todo { float:left; /* margin: 0px auto; */ width: 822px; }

#lateral { float:right; width: 235px; }

#contenido { float:left; width: 545px; margin: 0 20px; }

#navegacion { clear:both; text-align: center; }

.sans-serif { font-family: Arial, Helvetica, sans-serif; }

/* Logo */

#logo {
	float:left;	width: 235px; height: 152px;
}

#logo h1 {
	background: #fff url(img/logo.png) no-repeat;
	float:left;	width: 235px; height: 152px;
	cursor:pointer; 
}

#logo h1 a {
	display:block;
	height: 152px; width: 235px;
	text-indent:-100em;
}

/* Hover alterno */ 

#logo h1:hover {
	background: #fff url(img/logo.png) no-repeat;
	background-position: 0pt -152px;
}

/* Barra de informacion */

#informacion { 
	float:left; background: #e6f2f5;
	padding: 0 0 20px 0;
	
	/* Bordes redondeados */
	
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	border-bottom-left-radius: 12px;
	
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-bottom-right-radius: 12px;
	
}

#informacion h2 { 
	background: url(img/punto-doble.png) repeat-x bottom; text-indent: 15px;
	padding: 0 0 8px 0; margin: 10px 0;
}

/* mayusculas chicas */
#informacion h2, .autor,
.fecha, small { 
	text-transform: uppercase; letter-spacing: 1px;
	font-size: 10px; 
}

#informacion p,
#informacion div, 
#informacion ul { margin: 0 15px 0 15px; }

#informacion ul { margin: 0 0 15px 0; }

#informacion p { font-size: 12px; text-align: justify; line-height: 140%; }

#informacion p#esta-entrada a { font-style: italic; }

#informacion a.mas, #informacion ul a  { 
	text-transform: uppercase; font-size: 10px;
	letter-spacing: 1px;
}

div#social a { background-image: none; padding: 0px; margin: 0px; margin: 0 0 10px 0; }

/* iconos */

img.ico { margin: 0 3px 0 0; }

#informacion a:hover.ico { background: none; padding: 0; }

/* Listas del lateral */

#informacion ul { list-style-image: url(img/lista-item.png); margin-left: 28px; }

#informacion li { margin: 0 0 5px 0; }

/* adorno final de la barra lateral */
#final {
	float:left; display: block; 
	width: 235px; height: 12px;  
	background: url(img/punta.png) no-repeat center;
}

/* Contenidos */

div.separador { 
	float: left; background:url(img/punto-doble.png) repeat-x;
	height: 3px; width: 100%;
}

div.pagina div.separador { margin: 0 0 10px 0; }

div.cuerpo { float:left; margin: 0 0 10px 0; text-align: justify; }

#contenido h2 { 
	font-family: Helvetica, Arial, 'Nimbus Sans L', sans-serif;
	font-size: 30px; width: 100%; text-align: center; /* margin: 0 0 10px 0; */
	letter-spacing: -1px;
}

#contenido h2 em { 
	font-family: 'Hoefler Text', Georgia, 'Times New Roman', Times, serif; 
	font-weight: normal; letter-spacing: normal; font-size: 34px; letter-spacing: -0.8px;
}

#contenido h2 a { 
	color: #000;
}

#contenido h2.subtitulo { margin: 10px 0; }

/* Anotaciones */

div.anotacion { 
	margin: 10px 0; float:left; width: 100%;
}

div.anotacion .cuerpo { 
	background: url(img/emblema-1.png) no-repeat center bottom;
	padding: 20px 20px 20px 20px; margin: 0 0 15px 0; width: 505px;
	position: relative;
}

div.anotacion .cuerpo p { 
	margin: 0 0 20px 0;
}

div.cuerpo a.permalink-anotacion {
	position: absolute; left: 48.2%; bottom: 0px; 
	text-indent:-100em; display:block; height:20px; width:19px;
}

/* Entradas */

div.entrada { float:left; margin: 10px 0; }

div.meta { 
	float:left; text-align: center;
	background:url(img/punto-doble.png) repeat-x 0px 21px; 
	width: 100%; margin: 0 0 10px 0;
}

div.guarda { display: inline; padding: 10px; background: #fff; }

div.sola { padding: 15px 0 0 0; height: 15px; width: 545px;  }

span.dia { color: #de4e4e; font-size: 28px; }

/* Link para continuar leyendo */
a.more-link { display: block; width: 100%; text-align: center; margin: 10px 0 0 0; }

a.more-link { color: #000; } a.more-link:hover { color: #de4e4e; background: none; padding: 0; }

/* separador al final de las entradas */
div.separador-entrada { float:left; width: 100%; background:url(img/punto-doble.png) repeat-x 0px 50%; text-align: center;  }

div.adorno { display: block; margin: 0px auto; height: 23px; width: 90px; background: #fff; }

/* Citas */

div.cita { float:left; background: url(img/cita.png) no-repeat; margin: 10px 0; width: 100%; }

div.frase { float:left; margin: 30px 10px 15px 42px; font-size: 25px; width: 498px; }

div.autor { float:right; text-align: right; }

/* Categorias */

ul#categorias {
	margin: 10px 0px 0px 0px; list-style: none;
}

ul#categorias li { 
	text-align: right; margin: 0px; letter-spacing: 1px;
	font-size: 15px; list-style-image: none;
}

ul#categorias li a, ul#categorias li a:hover { 
	color: #000; text-transform: uppercase;
	text-decoration: none; letter-spacing: 2px;
	font-size: 15px; background: none;
}
ul#categorias li { padding: 5px 15px 5px 15px; list-style-image: none; }

ul#categorias li:hover, ul#categorias li a:hover { background: #cde4eb; background-image: none; }

/* Nevegacion */

#navegacion { 
	float:left; text-align: center;
	background:url(img/punto-doble.png) repeat-x 0px 8px; 
	width: 100%; margin: 0 0 10px 0;
}

span.siguiente, span.anterior { padding: 0 10px; text-align: center; width: 270px; }

/* Tooltips */

#tooltip{
	position:absolute;	border:1px solid #333;
	background:#f7f5d1;	padding:2px 5px;
	color:#333;	display:none; 
}

/* Busqueda */

input#s { color: #cedde1; text-transform: uppercase; letter-spacing: 1px;
	font-size: 10px; padding: 8px; margin: 18px 15px 0px 15px; width: 190px; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; background: #f3fbfd; }

/* IE, te odio */

#contenido { width: 546px; }

#contenido h2, div.meta, div.anotacion,
div.separador, span.seguir, a.more-link { width: 545px; }