/*  
Theme Name: Testimonios para la historia
Theme URI: http://www.testimoniosparalahistoria.com
Description: Theme para Testimonios para la historia
Version: 1.1
Author: Insignia Studio
Author URI: http://www.insignia-studio.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FI Reset CSS */

/* Enlaces */

a {
	color:#067e99;
}

body{
	font:11px Verdana, Geneva, sans-serif;
	color:#161616;
}

.contenedor {
	width:890px;
	margin:0 auto;
}

#barra-arriba{
	height:30px;
	width:100%;
	background:#161616;
}

#barra-arriba div{
	text-align:right;
	position:relative;
	top:8px;
}

#barra-arriba span{
	color:#ccc;
}

#barra-arriba a{
	margin-left:5px;
	color:#067e99;
}

#cabecera{
	background:url(img/bannermenu3.jpg);
	height:287px;
	position:relative;
	margin-bottom:10px;
}

#cabecera #menu{	
	position:absolute;
	bottom:10px;
	right:278px;		left:0px;
}

#cabecera #menu li{
	float:left;
	position:relative;
}


#cabecera #menu li div {
	position:absolute;
	display:none;
	z-index:250;
}

#cabecera #menu li div img {
	margin:0 0 0 20px;
}

#cabecera #menu li ul {
	width:150px;
	background:#161616;
	color:#fff;
	margin-top:-3px;
	padding:5px 0;
	overflow:hidden;
}

#cabecera #menu li ul li{
	padding:0;
	margin:0;
	background:none;
	color:#fff;
	display:block;
}

#cabecera #menu li ul li:last-child a{
	border:none;
}

#cabecera #menu li ul li a {
	font-size:12px;
	color:#fff;
	margin:0;
	line-height:16px;
	display:block;
	width:87%;
	height:100%;
	padding:5px 5px 5px 15px;
}

#cabecera #menu li ul li a:hover {
	background:#333;
}

#cabecera #menu li a{
	font:bold 19px Helvetica, Verdana, Geneva, sans-serif;
	color:#1a1a1a;
	text-decoration:none;
	margin-left:12px;
}

#cabecera #menu li:hover > div {
	display:block;
}


#rss{
	color:#f8a31e;
	padding-left:32px;
	background:url(img/logo-rss.png) no-repeat 9px;
	border-left:1px solid #b5b5b5;
}




/************* Footer ***************/

#footer{
	height:160px;
	width:100%;
	background:#1a1a1a;
	clear:both;
	position:relative;
	margin-top:60px;
	padding-top:20px;
}

#footer h3{
	font-size:1.818em;
	color:#067e99;
	padding-bottom:10px;
}

#footer ul{
	max-height:250px;
}

#footer ul li{
	height:25px;
	border-left:1px solid #434343;
	float:left;
	text-align:center;
	padding:5px 20px;
	display:inline;
}

#footer ul li:first-child {
	border:none;
}

#footer ul li a{
	font:bold 13px Verdana, Geneva, sans-serif;
	color:#cbcbcb;
	text-decoration:none;
}

#footer ul li span{
	font-size:11px;
	color:#666;
	font-style:italic;
}

#footer div div{
	float:left;
}

#footer div div+div{
	width:370px;
	margin-left:10px;
}

#footer div div+div h3 {
	border-bottom:1px solid #434343;
	margin-bottom:5px;
}

#footer div div+div+div{
	max-width:none;
	width:370px;
	margin-right:10px;
	vertical-align:central;
}

#footer p {
	color:#666;
	line-height:1.5em;
}


#barra-footer{
	width:100%;
	height:38px;
	background:#d5d5d5;
	position:absolute;
	bottom:10px;
}

#footer #barra-footer div{
	font-style:italic;
	text-align:center;
	margin-top:13px;
	float:none;
	max-width:none;
}

#barra-footer div a{
	color:#067e99;
}


/* Entrevista individual */

.personaje {
	background-color:#ebebeb;
	padding:10px;
	margin-bottom:20px;
	width:210px;
	float:left;
	position:relative;
}

.fotoEntrevista {
	border:1px solid #cac8c8;
	/*width:210px;
	height:210px;*/
}

.nombreEntrevistado {
	font-weight:bold;
	text-align:center;
	margin-top:5px;
}

.personaje #flechitaFotoEntrevistado {
	padding:5px;
	position:absolute;
	top:30px;
	left:225px;
}

.postmetadata .addthis_toolbox {
	float:right;
	width:370px;
}

#columnaSidebar .addthis_toolbox {
	height:430px;
}

#columnaSidebar {
	width:230px;
}

ul.sidebar h3 {
	margin-bottom:10px;
	font-size:23px !important;
}

ul.sidebar h4 {
  margin-bottom:10px;
  font-size:14px !important;
}

.sidebar li {padding-bottom:15px;}

.sidebar li ul li {
	overflow:hidden;
	border-top:1px solid #e9e9e9;
	padding:7px 0;
}

.sidebar li ul li img {
	float:left;
	margin: 5px 5px 0 0;
}

.sidebar li ul li h4 {
	color:#067e99;
	margin-bottom:5px;
}

.sidebar li ul li span {
	color:#656464;
	font-style:italic;
}


.entrevista, #comentarios, #formComentarios {
	width:620px;
	float:right;
	margin:0 20px 10px 0;
}

.entrada {
	border-bottom:1px solid #e9e9e9;
	margin-top:20px;
	font-size:12px;
	line-height:22px;
}

.postmetadata{
	padding:10px 0;
	border-bottom:1px solid #e9e9e9;
}

.postmetadata .compartir {
	float:right;
}

#migasPan {
	margin-bottom:10px;
	line-height:18px;
}

h1.tituloEntrevista, h1 {
	font-size:25px;
	margin-bottom:5px;
}

h1 span {
	text-transform: uppercase;
}

h1.tituloEntrevista + span.fecha {
	font-style:italic;
	font-size:12px;
}

h2 {
	font-size:20px;
	margin-bottom:20px;	
}

div.listadoPersonajes h2.tituloEntrevista {
  font-size:18px !important;
}

.listadoPersonajes .personaje img {
  width:70px !important;
  /*height:100px !important;*/
}

.entrada p {
	margin-bottom:20px;	
}

.entrada blockquote {
	font-style:italic;
	padding-left:80px;
	background:url(img/comillasQuote.gif) left top no-repeat;
	border-left:1px solid #e9e9e9;
}

#comentarios {
	float:right;
}

#comentarios ol li {
	width:630px;
	overflow:hidden;
	margin-bottom:10px;
}

#comentarios ol li .usuario img {
	float:left;
	margin-right:10px;
}

#comentarios ol li .usuario p.atencion {
		color: #cf3636;
		width:120px;
		margin-left:70px;
}

#comentarios h2 .numComments {
		color:#999999;
}

#comentarios .usuario {
		width:220px;
		float:left;
		margin-right:10px;
}

#comentarios .comentario {
	float:right;
	width:380px;
	background:#efeeee;
	padding:10px;
	min-height:70px;
}


#formComentarios{
	float:right;
}

#formComentarios .info {
	height:34px;
	padding:10px 10px 10px 80px;
	background:#f9f8cd url(img/fondoInfoComentario.png) no-repeat left top;
	border:1px solid #e1df90;
	border-width:1px 0;
	color:#7f7d27;
	line-height:16px;
	margin-bottom:10px;
}

/* Forumlario comentarios */
#formComentarios h2{
	margin:5px 0;
}


#formComentarios .datosUsuario{
	float:left;
	width:230px;
}

#formComentarios label {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#formComentarios label small {
	font-size:10px;
	color:#8b8b8b;
}

#formComentarios input[type=text] {
	margin-bottom:10px;
	width:208px;
	border:1px solid #505050;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	background:url(img/campoBuscador.jpg) repeat-x top left;
}

#formComentarios .botonEnviar {
	display:block;
	margin-top:10px;
}

#formComentarios .comentario {
	width:380px;
	float:left;
}

#formComentarios .comentario textarea{
	border:1px solid #505050;
	width:370px;
	height:280px;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:-1px;
	background:url(img/campoBuscador.jpg) repeat-x top left;
}

#formComentarios .fichaUsuario {
	background:#efeeee;
	margin:18px 10px 10px 0;
	padding:10px;
	overflow:hidden;
	height:125px;
	border:1px solid #666;
}

#formComentarios .fichaUsuario img {
	margin:0 10px 10px 0;
	float:left;
}

#formComentarios .fichaUsuario ul li {
	margin-bottom:5px;
}

#formComentarios .fichaUsuario .userNombre {
	font-size:14px;
	font-weight:bold;
}

#formComentarios .fichaUsuario .userNombre:first-letter {
	text-transform:capitalize;
}

#contacto h1{
	margin-bottom:20px;
}

#contacto label {
	font-weight:bold;
	display:block;
	font-size:14px;
	margin-bottom:5px;
	color:#161616;
}

#contacto input, #contacto textarea {
	 margin-bottom:10px;
	 border:1px solid #aaa;
	 padding:5px;
	 width:400px;
	 font-size:11px;
	 color:#161616;
	 background:url(img/campoBuscador.jpg) repeat-x top left;
}

#contacto textarea {
	display:block;
	margin-bottom:20px;
	height:200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#161616;
}

#contacto input[type=image] {
	width:222px;
	height:38px;
	padding:0;
	margin:0 0 20px 0;
	border:none;
	color:#161616;
	margin-top:20px;
}

#contacto form {
	width:450px;
	float:left;
}

.respuestaContacto {
	width:410px;
	background:#dfdfdf;
	padding:10px;
	border:1px dashed #ccc;
	float:left;
	margin-right:20px;
}

#contacto .screenReader {display:none;visibility:hidden;}
#contacto #cCode-img {display:block;}
#contacto #cCode {width:150px;margin:10px 0 0 0}


#mapa {
	float:left;
	border:1px solid #ccc;
	width:435px;
	height:520px;
	/*margin-top:20px;*/
}


/* Presentacion */
#carrusel {
	background:url(img/cuerpoCarrusel.png) no-repeat center center;
	width:862px;
	height:230px;
	margin-bottom:20px;
	position:relative;
	overflow:visible;
	margin-left:10px;
}

#carrusel #carruselFlechaDer {
	width:38px;
	height:38px;
	background:url(img/carruselFlechaDer.png) no-repeat center center;
	position:absolute;
	right:-19px;
	top:90px;
	cursor:pointer;
	z-index:150;
}

#carrusel #carruselFlechaIzq {
	width:38px;
	height:38px;
	background:url(img/carruselFlechaIzq.png) no-repeat center center;
	position:absolute;
	left:-12px;
	top:90px;
	z-index:150;
	cursor:pointer;
}

#presentacion {
	width:540px;
	float:left;
	line-height:18px;
	margin-left:10px;
	text-align:justify;
}

#presentacion a{
	margin-bottom:20px;
	display:block;
}

#homeUltimos {
	margin-right:10px;
	width:300px;
	float:right;
	margin-left:20px;
}

#homeUltimos li {
	border-top:1px solid #e9e9e9;
	padding:5px 0;
	overflow:hidden;
}

#homeUltimos li h3 {
	margin-bottom:5px;
	font-size:12px;
}

#homeUltimos img{
	float:left;
	margin: 5px 5px 0 0;
	
}

#homeUltimos .post h2{
	font-size:medium;
}

#homeUltimos .post h2 a{
	font:bold 13px/50% Verdana, Geneva, sans-serif;
	color:#067e99;
	text-decoration:none;
}

#homeUltimos .post p{
	font-style:italic;
}

#homeUltimos li h3 a {
	text-decoration:none;
}

#carruselContenido {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:100;
}

#carruselContenido ul {width:3000px;}

#carruselContenido ul li {
	width:320px;
	margin:30px 11px 0 70px;
	float:left;
}

#carruselContenido ul li img {
	float:left;
	margin-right:10px;
}

#carruselContenido ul li a {
	text-decoration: none;
}

#carruselContenido ul li span {
	color:#161616;
	font-size:14px;
	margin-bottom:5px;
	font-weight:bold;
}

#carruselContenido ul li p {
	line-height:16px;
}

#carruselNav {
	width:30px;;
	height:15px;
	position:absolute;
	bottom:7px;
	text-align:center;
	left:50%;
	margin-left:-15px;
	z-index:200;
}

#carruselNav div {
	width:30px;
	margin:auto;
}

#carruselNav .carruselPosicionInactiva {
	width:8px;
	height:8px;
	float:left;
	background:url(img/icons/carruselPosicion.png) no-repeat center center;
	margin-right:3px;
	display:inline;
	z-index:200;
}

#carruselNav .carruselPosicionActiva {
	width:8px;
	height:8px;
	float:left;
	background:url(img/icons/carruselPosicionActiva.png) no-repeat center center;
	margin-right:3px;
	display:inline;
	z-index:200;
}

#postRelacionados {
	margin:20px 0;
	overflow:hidden;
	float:right;
}

#postRelacionados li {
	float:left;
	width:300px;
	margin:10px 10px 10px 0;
}

#postRelacionados li img {
	float:left;
	margin-right:10px;
}

#postRelacionados li h4  {
	margin-bottom:5px;
}

#postRelacionados li h4  {
	text-decoration:none;
}

h2 a {
	text-decoration:none;
}

.entrevistaLista {
	width:620px;
	float:left;
	border-right:1px solid #e9e9e9;
	padding:0 20px 20px 0;
	position:relative;
}

/* lista entrevistas */
.entrevistaLista ul li {
	overflow:hidden;
	border-bottom:1px solid #e9e9e9;
	margin: 20px 0;
}

.entrevistaLista select, .listadoPersonajes select {
  right:10px;
  top:10px;
  position: absolute;
}

.entrevistaLista ul li .personaje {
	margin-right:20px;
	width:auto;
	height:auto;
}

.entrevistaLista ul li .fecha {
	font-style:italic;
	color:#666;
}

.entrevistaLista ul li h2 {
	margin-bottom:5px;
}

.entrevistaLista ul li .entrada {
	margin-top:10px;
	border:none;
	margin-left:190px;
}

.entrevistaLista ul li .entrada .meta, .download, .leerMas {
	padding:3px 10px;
	background-color:#efefef;
	border:1px solid #dedede;
	margin-bottom:10px;
	font-style:italic;
	text-align:center;
	float:right;
	width:100px;
}

.entrevistaLista ul li .entrada .meta a {
	margin-left:10px;
}
/* Listado personajes */

.listadoPersonajes ul {
	margin-bottom:10px;
}

.listadoPersonajes ul li {
	padding:5px 0 0 5px;
}

.listadoPersonajes {
	width:620px;
	float:left;
	border-right:1px solid #e9e9e9;
	padding-right:20px;
	padding-bottom:20px;
}

.listadoPersonajes ul li .personaje {
	margin-right:20px;
	width:auto;
	height:auto;
	padding:5px;
	margin-bottom:10px;
}

/*.listadoPersonajes ul li:nth-child(), .llistaPnjImpar {
	background-color:#e1edf0;
}*/

.llistaPnjImpar {
  background-color:#e1edf0;
}

.listadoPersonajes ul li .tituloEntrevista {
	margin-bottom:2px;
}
.barraLateralEntrevistas {
	width:230px;
	float:right;
}

#respuestaMensaje {
	border-width:1px 0;
	padding:10px;
	margin-bottom:20px;
	display:none;
	margin-right:38px;
}

.mensajeAtencion {
	background:#FF9;
	border:1px solid #FC0;
}

.mensajeError {
	background:#F99;
	border:1px solid #F33;
}

.error {
	background:#F66;
}

span.error {margin-bottom:10px;display:inline-block;}

p {
	margin-bottom:20px;
	line-height:18px;
	font-size:12px;
}

ul li p {
	margin-bottom:0;
}

ol {list-style:decimal !important;	font-size:12px;	line-height:18px;}
ol li {margin-bottom:10px;margin-left:40px;list-style:decimal;}

/* Buscador */
#cabecera form {
	display:block;
	position:relative;
	left:617px;
	top:243px;
	width:320px;
}
	
#cabecera form input#s {
	background:url(img/campoBuscador.jpg) repeat-x top left;
	border:1px solid #aaa;
	width:199px;
	height:20px;
	padding:5px;

}

#cabecera form input#botonBuscar {
	width:58px;
	height:32px;
	padding:5px 5px 5px 5px;
	margin:0px 0 0 -5px; ;
	border:1px solid #aaa;
	position:relative;
	top:1px;
	background:url(img/botonBuscador.jpg) no-repeat;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#cabecera form input#botonBuscar {
		top:6px;
	}
}


#cabecera form input#botonBuscar:hover {
	background:url(img/botonBuscadorHover.jpg) no-repeat;
}

/* Cufon */

.cufon-active #cabecera #menu li a {
	font-size: 19px;
	font-weight:bold;
}

.cufon-active h2, .cufon-active h3, .cufon-active #footer h3 {
	font-size:23px;
}

.cufon-active h2 {
	font-size:27px;
}

.cufon-active h3, .cufon-active ul.sidebar li h3 {
	font-size:22px;
}

.cufon-active #cabecera #menu li ul li a {
	font-size:15px;
	width:150px;
}


/* Archive */

.post {
	overflow:hidden;
	border-bottom:1px solid #e9e9e9;
	margin-top:20px;
	font-size:12px;
	line-height:22px;
}

.post .personaje {
	margin-right:20px;
	width:auto;
	height:auto;
	padding:5px;
	margin-bottom:10px;
}

.post .entrada{
	border:none;
}

.post .leerMas {
  background-color: #EFEFEF;
  border: 1px solid #DEDEDE;
  float: right;
  font-style: italic;
  margin-bottom: 10px;
  padding: 3px 10px;
  text-align: center;
  width: 100px;
}

/*Estil imatges POSTs*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Agradecimientos */

.agradecimiento {
	margin-bottom: 50px;
	padding-bottom:50px;
	border-bottom: 1px solid #DEDEDE;
	min-height: 200px;
	overflow:hidden;
	position: relative;
}

.agradecimiento .personaje {
	margin:0 20px 20px 0;
}

.agradecimiento .contenido {
	text-align:justify;
}

.agradecimiento .contenido.conimagen {
	float:right;
	width:630px;
}

.agradecimiento .details {
	position:absolute;
	bottom: 0;
	right:0;
}

.agradecimiento .date {
	color:#999;
	font-style: italic;
}

.agradecimiento .more-link {
	padding:10px 5px 10px 10px;
	width:100px;
}

.agradecimiento .download {
	padding:10px 5px;
	margin-right:20px;
	width:auto;	
}

.agradecimiento .leerMas {
	padding:10px 5px 10px 10px;
	width:100px;	
}

.bannerTop {
	margin-left:10px;
}