/*
Theme Name: wdb3clear 
URI: http://webdebolsillo.com
Description: webdebolsillo3 -clear
Version: 3.3
Author: Ivan Mendoza (ivan@webdebolsillo.com)
Author URI: http://ivanmendoza.net
Tags: black, fixed width, two columns, widgets
*/

body{
	margin: 0;
	padding: 0;
	background: #000 url(imgs/fondo.png) repeat-y center;
	font-family: "trebuchet ms", arial, verdana, tahoma, sans-serif;
}
a img {
	border: none;
}
#contenedor {
	width: 950px;
	margin: 0 auto 0;
	padding: 0;
	background: #000 url(imgs/contenedor-fondo.png) repeat;
	border:solid 1px #f80;
	border-width:0 1px 0;
}
#publicidad728x90 {
	display: block;
	width: 728px;
	background: none;
	margin: 10px auto 0;
	padding: 0;
}
.enlaceBoton {
	display: block;
	list-style: none;
	float: left;
	clear: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background: url(imgs/enlace-boton-fondo.png) no-repeat;
}
.enlaceBoton a {
	display: block;
	height: 24px;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	background: url(imgs/enlace-boton-fin.png) no-repeat right top;
	color: #003580;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	line-height: 18pt;
}
.enlaceBoton a:hover {
	color: #FFF;
}
/* PUBLICIDAD */
.publicidad{
  margin-top:15px;
  margin-bottom:5px;
}
#publicidad200x90{
  float:left;
  clear:left;
  overflow:hidden;
  margin:0 0 5px 70px;
  width:200px;
}
/* CABECERA */
.cabecera {
	height: 135px;
	padding: 0;
	background:url(imgs/cabecera-fondo.png) no-repeat;
}
.cabecera .descripcion {
	display: block;
	clear: both;
	color: #fff;
	margin: 5px;
	font-size:12pt;
	font-weight:bold;
	text-align: center;
	padding:0;
	margin:0;
	line-height:12pt;
}
.areaMenuPrincipal{
	text-align:center;
	margin-bottom:20px;
}
/*COLUMNAS*/
.columnas{background:white;width:930px;margin:10px 10px 0;}
/* AREA DE TABS */
.areaTabs{
  height:72px;
  background:url(imgs/sprite.png) no-repeat 0 0;
  padding:1px;
  font-size:0.8em;
  text-transform:lowercase;
}
.areaTabs ul{
  list-style:none;
  margin:0.8em 0 0;
  padding:2px;
  text-align:center;
}
.areaTabs ul li{
  display:inline;
  margin:0 1em 0;
  padding:2px;
}
.areaTabs a{
  color:#003580;
  text-decoration:none;
  border-bottom:solid 1px #ccc;
  font-weight:bold;
}
.areaTabs a:hover{
  color:#ff8800;
  border-bottom:solid 1px #ffcc00;
}
.iconoRSS{
  display:inline;
  padding:0 16px 16px 0;
  margin:0 0 0 5px;
  line-height:16px;
  background:url(imgs/sprite.png) no-repeat -102px -196px;
}
/* AREA DE CONTENIDO */
.areaContenido{
  width:63%;
  float:left;
  clear:none;
  overflow:hidden;
  background:#fff;
}
/* AREA DE BARRA LATERAL */
.areaSidebar{
  width:35%;
  float:right;
  clear:none;
  overflow:hidden;
  background:#fff url(imgs/sidebar-division.png) repeat-y 0 0;
  padding:0 4px 0 0;
}
.areaSidebar .bordes{
  float:left;
  clear:none;
  width:16px;
  height:50px;
  overflow:hidden;
  background:url(imgs/sprite.png) no-repeat;
}
.areaSidebar .bordes.inicio{
  background-position:-880px -145px;
}
.areaSidebar .bordes.final{
  background-position:-896px -145px;
  clear:both;
}
.areaSidebar .areaInformacion{
  font-size:0.7em;
  color:#777;
  padding:5px;
  text-align:center;
}
.areaSidebar .areaInformacion a{color:#003580;}
.areaSidebar .areaInformacion a:hover{color:#FF8000;}
.icono{
  float:left;
  clear:none;
  width:16px;
  height:16px;
  overflow:hidden;
  margin:3px;
  padding:0;
  text-indent:-500em;
  background:url(imgs/sprite.png) no-repeat;
}
.icono.facebook{
  background-position:-34px -196px;
}
.icono.twitter{
  background-position:-51px -196px;
}
.icono.friendfeed{
  background-position:-68px -196px;
}
.icono.delicious{
  background-position:-85px -196px;
}
.iconosCC{
  display:inline;
  padding:0 0 16px 47px;
  margin:0;
  line-height:16px;
  background:url(imgs/sprite.png) no-repeat -119px -196px;
}
.areaSidebar .areaInformacion .marco{
  display:block;
  float:right;
  margin:0 14% 6px 0;
  width:187px;
  height:30px;
  overflow:hidden;
  background:url(imgs/sprite.png) no-repeat -692px -180px;
  line-height:2.5em;
  padding:0;
}
.areaSidebar .areaInformacion .licencia a{
  text-decoration:none;
  color:#444;
}
.areaSidebar .areaInformacion .licencia a:hover{
  color:#ff8800;
}
.areaSidebar .areaInformacion .licencia a em{
  border-bottom:solid 1px #ddd;
  margin-left:7px;
}
.areaSidebar .areaInformacion .licencia a:hover em{
  color:#ff8800;
  border-bottom:solid 1px #ff8800;
}
.areaSidebar .areaInformacion .marco .icono{
  margin-top:7px;
}
.areaSidebar .areaInformacion .marco .icono.facebook{
  margin-left:12px;
}

.areaSidebar .bloque{
  float:right;
  clear:none;
  margin-top:10px;
}
.areaSidebar .bloque .titulo{
  float:left;
  clear:both;
  color:#fff;
  font-size:0.9em;
  width:275px;
  height:50px;
  overflow:hidden;
  margin:4px 0 4px 5px;
  padding:0 0 0 20px;
  line-height:3.4em;
  background:url(imgs/sprite.png) no-repeat -306px -145px;
}
.areaSidebar .relacionados .titulo{background:url(imgs/sprite.png) no-repeat -5px -145px;}
.areaSidebar .bloque .titulo a{
  display:block;
  color:#fff;
  text-decoration:none;
}
.areaSidebar .bloque .titulo a:hover{
  color:#fff;
  line-height:3.5em;
  margin-left:1px;
}
.areaSidebar .bloque ul{
  clear:both;
  display:block;
  list-style:none;
  font-size:10pt;
  margin:10px;
  padding:3px 0 0 10px;
  width:260px;
}
.areaSidebar .bloque ul li{
  margin:6px 0 6px 8px;
}
.areaSidebar .bloque ul li a{
  background:url(imgs/vineta.png) no-repeat 0 0;
  padding:0 0 0 22px;
  color:#0040cc;
}
.areaSidebar .bloque ul li a:hover{
  color:#ff8800;
}
.areaSidebar .bloque .botonVermas{
  background:#e7e7e7;
  border:solid 1px #dadada;
  font-size:0.7em;
  padding:3px;
  margin:5px 0 6px 36px;
  color:#228;
  text-decoration:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
}
.areaSidebar .bloque .botonVermas:hover{
  background:#ff8800;
  border:solid 1px #dd6600;
  color:#fff;
}
.txtBuscador, .btnBuscador{
  display:block;
  float:left;
  clear:none;
  overflow:hidden;
  border:none;
  background:url(imgs/sprite.png) no-repeat;
}
.txtBuscador{
  width:168px;
  height:23px;
  padding:8px 4px 4px 4px;
  line-height:2em;
  font-size:1em;
  margin:1px 6px 2px 10px;
  background-position:-602px -144px;
}
.btnBuscador{
  width:100px;
  height:36px;
  font-size:0.8em;
  color:#fff;
  font-weight:bold;
  background-position:-778px -144px;
}
.btnBuscador:hover{
  color:#000;
}

/* ENLACES PIE DE PAGINA */
.areaPie{
  clear:both;
  overflow:hidden;
  margin:0;
  padding:0 0 1px;
  background:#f1f2f2;
}
.areaPie .bloque{
  float:left;
  clear:none;
  width:309px;
}
.areaPie .bloque .titulo{
  display:block;
  background:url(imgs/sprite.png) no-repeat;
  width:309px;
  height:70px;
  padding:0;
  margin:0;
  line-height:6.2em;
  font-size:0.85em;
  color:#fff;
  text-align:center;
  overflow:hidden;
}
.areaPie .bloque.primero .titulo{
  background-position:0 -74px;
}
.areaPie .bloque.segundo .titulo{
  background-position:-309px -74px;
}
.areaPie .bloque.tercero .titulo{
  background-position:-618px -74px;
}
.areaPie .bloque ul{
  clear:both;
  display:block;
  list-style:none;
  font-size:0.9em;
  margin:5px 10px 10px 30px;
  padding:3px 0 0 10px;
}
.areaPie .bloque ul li{
  margin:6px 0 6px 8px;
}
.areaPie .bloque ul li a{
  background:url(imgs/vineta.png) no-repeat 0 0;
  padding:0 0 0 22px;
  color:#0040cc;
}
.areaPie .bloque ul li a:hover{
  color:#ff8800;
}
/*PIE*/
.pie {
	clear: both;
	margin: 0;
}
.pie .areaEnlaces {
	margin: 0 10px 0;
	padding: 0;
	background: #fff;
	height: 28px;
}
.pie .areaEnlaces .borde {
	display: block;
	clear: none;
	width: 5px;
	height: 28px;
	overflow: hidden;
	background: #f0f url(imgs/areaenlaces-bordes.png) no-repeat;
}
.pie .areaEnlaces .izquierdo {
	float: left;
	background-position: 0 0;
}
.pie .areaEnlaces .derecho {
	float: right;
	background-position: -5px 0;
}
.pie .areaEnlaces .enlaces {
	display: block;
	clear: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 3px 0 0;
}
.pie .notas {
	background: url(imgs/pie-notas-fondo.png) no-repeat;
	height: 85px;
/* wdb3wide: Ampliacion desde 50px */
	overflow: hidden;
/* wdb3wide: proteccion de estilo */
	margin: 15px 0 0;
	padding: 5px 0 0;
}
.pie .notas p {
	text-align: center;
	margin: 0 100px 2px;
	padding: 0;
	color: #fff;
	font-size: 8pt;
}
.pie .notas p a {
	font-weight: bold;
	color: #fff;
}
.pie .notas p a:hover {
	font-weight: bold;
	color: #ff0;
}
/*ARTICULOS*/
.articulo {
	font-size: 10pt;
	padding: 15px 10px 10px;
}
.articulo a {
	color: #0040cc;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}
.articulo a:hover {
	color: #002986;
	border-bottom: solid 1px #777;
}
.articulo .titulo {
	clear: both;
	font-size: 14pt;
	text-align: left;
	margin: 5px 0 5px;
	padding: 0;
}
.articulo .titulo a {
	color: #0040cc;
	text-decoration: none;
}
.articulo .titulo a:hover {
	color: #ff8810;
	border: none;
	text-decoration: underline;
}
.articulo .entry .areaMiniatura {
	float: right;
	clear: right;
	width: 140px;
	max-height: 140px;
	overflow: hidden;
	margin: 0 10px 2px;
	text-align: center;
}
.articulo .entry .areaMiniatura a img {
	max-width: 140px;
}
.articulo .informacion {
	clear: both;
	margin: 4px 0 0;
	font-size: 8pt;
	line-height: 10pt;
	color: #555;
}
.articulo .informacion em {
	font-style: normal;
}
.articulo .imagenPrincipal {
	clear: both;
	width: 420px;
	margin: 2px 0 2px;
	border: solid 2px #ff8810;
	border-width: 2px 0 2px;
}
.articulo ul {
	list-style: square;
}
.articulo .metainformacion {
	border: solid 1px #ff8810;
	border-width: 0 0 1px;
	font-size: 8pt;
	margin: 5px 0 5px;
	padding: 3px 0 0;
	overflow: hidden;
	line-height: 16pt;
	clear: both;
}
.articulo .metainformacion a {
	color: #003580;
	text-decoration: none;
	border: none;
	font-weight: normal;
}
.articulo .metainformacion a:hover {
	color: #ff8810;
}
.articulo .metainformacion .nComentarios, .articulo .metainformacion .compartir, .articulo .metainformacion .etiquetas, .articulo .metainformacion .admin {
	float: left;
	clear: none;
	margin: 0 10px 4px 0;
	padding: 0 0 0 18px;
	height: 18px;
	overflow: hidden;
	font-weight: bold;
}
.articulo .metainformacion .nComentarios {
	background: url(imgs/blog-icono-comentarios.png) no-repeat 0 2px;
}
.articulo .metainformacion .compartir {
	padding: 0;
	background: none;
}
.articulo .metainformacion .categoria {
	float: left;
	clear: none;
	margin: 0 4px 4px;
	padding: 0 0 0 18px;
	background: url(imgs/blog-icono-categoria.gif) no-repeat 0 2px;
}
.articulo .metainformacion .etiquetas {
	float: left;
	clear: none;
	margin: 0 4px 4px;
	padding: 0 0 0 18px;
	height: auto;
	background: url(imgs/blog-icono-etiquetas.gif) no-repeat 0 2px;
}
.articulo .metainformacion .etiquetas p {
	clear: none;
	margin: 0;
	padding: 0;
}
.articulo .metainformacion .admin {
	float: left;
	clear: none;
	margin: 0;
	height: auto;
	padding: 0 0 0 18px;
	background: url(imgs/blog-icono-admin.png) no-repeat 0 2px;
}
p.izquierda {
	text-align: left;
}
p.centrado {
	text-align: center;
}
p.derecha {
	text-align: right;
}
.seguirleyendo {
	float: right;
	clear: both;
	margin: 5px 22px 10px 22px;
}
/* IMAGENES */
p img {
	padding: 0;
	margin: 5px 10px 5px;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #ddd;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-text {
	font-size: 80%;
	padding: 6px 5px 6px;
	margin: 0;
}
/*EXTRAS*/
.falso {
	clear: both;
}
.btnmediano {
	display: block;
	background: #ff8810 url(imgs/boton-mediano.png) no-repeat;
	color: #fff;
	width: 95px;
	height: 20px;
	margin: 5px;
	padding: 0;
	border: none;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	line-height: 14pt;
}
.btnmediano:hover {
	background-position: 0 -19px;
}
a.btnmediano {
	color: #fff;
}
a.btnmediano:hover {
	color: #000;
}
.areaNavegacion {
	clear: both;
	margin: 10px 5px 10px;
	font-size: 10pt;
}
.areaNavegacion div {
	margin: 0 0 15px;
}
.areaNavegacion a {
	color: #ff8810;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}
.areaNavegacion a:hover {
	color: #003580;
	text-decoration: none;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}
.areaNavegacion .enlaceAnterior {
	padding: 0 0 0 18px;
	background: url(imgs/blog-icono-anterior.png) no-repeat left 0;
	text-align: left;
}
.areaNavegacion .enlaceSiguiente {
	padding: 0 18px 0 0;
	background: url(imgs/blog-icono-siguiente.png) no-repeat right 0;
	text-align: right;
}
/*COMENTARIOS*/
.areaComentarios {
	font-size: 10pt;
	padding: 5px;
	clear: both;
}
.areaComentarios .comentario {
	border: solid 1px #ccc;
	margin: 5px 5px 15px;
	background:#f6f7f8 url(imgs/blog-comentarios-texto.png) repeat-x 0 56px;
}
.areaComentarios .comentario .avatar {
	display: block;
	float: left;
	clear: left;
	width: 48px;
	height: 48px;
	margin: 4px 4px 5px 4px;
	background: #ccc;
}
.areaComentarios .comentario .info {
	display: block;
	float: left;
	clear: none;
	margin: 11px 0 0 10px;
}
.areaComentarios .comentario .info .nombre {
	display: block;
	clear: both;
	font-size: 10pt;
}
.areaComentarios .comentario .info .fecha {
	display: block;
	clear: both;
	font-size: 8pt;
	color: #888;
}
.areaComentarios .comentario .verweb {
	display: block;
	float: right;
	clear: none;
	margin: 18px 10px 0 0;
}
.areaComentarios .comentario .responder {
	display: block;
	float: right;
	clear: none;
	margin: 18px 10px 0 0;
}
.areaComentarios .comentario .editar {
	display: block;
	float: right;
	clear: none;
	font-size: 8pt;
	width: 35px;
	margin: 18px 10px 0 0;
	text-align: center;
}
.areaComentarios .comentario .editar a {
	display: block;
	background: #FF6500;
	color: #fff;
	text-decoration: none;
	width: 35px;
}
.areaComentarios .comentario .editar a:hover {
	background: #FF9B00;
	color: #fff;
}
.areaComentarios .comentario .texto {
	clear: both;
	margin: 5px 5px 0;
	padding: 5px;
}
.areaComentarios .nuevoComentario {
	clear:both;
	margin:3px;
}
#commentform{width:100%;margin:0;clear:both;}
.areaNuevoComentario {
	clear:both;
}
.areaNuevoComentario a {
	color: #003580;
}
.areaNuevoComentario a:hover {
	color: #FF6500;
}
.areaNuevoComentario .titulo {
	margin: 4px 0 4px;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
}
.areaNuevoComentario label {
	margin-bottom: 2px;
}
.areaNuevoComentario form .areaDatosComentario {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	width:325px;
}
.areaNuevoComentario label {
	display: block;
	float: left;
	clear: left;
	font-size: 8pt;
	height: 18px;
	width: 110px;
	margin: 4px 0 5px;
	padding: 2px 4px 0;
	border: none;
	color: #222;
}
.areaNuevoComentario .txt {
	display: block;
	float: left;
	clear: none;
	font-size: 9pt;
	width: 195px;
	height: 18px;
	margin: 4px 0 5px;
	padding: 2px 2px 0;
	border: solid 1px #c6c8ca;
	color: #444;
}
.areaNuevoComentario label sup {
	color: #888;
}
.areaNuevoComentario .texto {
	display:block;
  clear: both;
  width:98%;
	height: 50px;
	margin: 3px 5px 5px;
	padding: 4px;
	border: solid 1px #c6c8ca;
	font-size: 10pt;
	font-family: arial, tahoma, sans-serif;
}
.areaNuevoComentario .btn, .btnPequeno {
	display: block;
	float: right;
	clear: right;
	background: #ff8810 url(imgs/blog-comentarios-responder.png) no-repeat;
	color: #fff;
	width: 71px;
	height: 22px;
	margin: 2px 0 4px;
	padding: 0;
	border: none;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	text-decoration:none;
}
.areaNuevoComentario .btn:hover, .btnPequeno:hover {
	background-position: 0 -22px;
}
.btnPequeno{line-height:16pt;}
/*CONTENIDO ESPECIAL*/
/* descargarFondos */
.descargaImagen {
	float: left;
	clear: none;
	margin: 5px;
	width: 182px;
	padding: 6px 3px 6px;
	background: #efefef;
	overflow: hidden;
	border: solid 1px #ccc;
}
.descargaImagen img {
	display: block;
	float: left;
	clear: both;
	width: 176px;
	margin: 0 2px 0;
}
.descargaImagen a {
	display: block;
	float: left;
	clear: none;
	width: 54px;
	height: 18px;
	margin: 4px 3px 4px;
	padding: 0;
	background: url(imgs/boton-descarga-resolucion.png) no-repeat 0 0;
	text-decoration: none;
	font-size: 8pt;
	line-height: 14pt;
	color: #fff;
	text-align: center;
}
.descargaImagen a:hover {
	background-position: 0 -18px;
}
#last-tweet{
  clear:both;
  display:block;
  font-size:10pt;
  margin:10px;
  padding:3px 0 0 10px;
  width:260px;
}