/* 
Theme Name: ion litio
Theme URI: http://www.ionlitio.com/
Description: El tema por defecto de ion litio
Version: 4.0
Author: Rafael Carbayeda
Author URL: http://www.ionlitio.com/
*/

/* Reseteo CSS */

* {margin: 0;padding: 0;border: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea, p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul,li {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:''; } 
abbr,acronym {border:0;} 

/* Contenedores */

html {
height: 100%;
background: #0066AA url('images/skin/ion4_bordes.jpg') repeat-x top;
}
body {
font: 14px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
background: url('images/skin/blank.gif') repeat-y top center;
/* width: 1280px; /* Descomentar para hacer skinning */
margin: 0 auto;
}

/* Descomentar para hacer skinning 
#webheader {float: right; width: 1280px; background: url('images/skin/ion4_header.jpg') no-repeat top right;}
#webbody {float: right; width: 930px; padding-right: 105px;}
/**/

#page {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	z-index: 10;
	background: #FFF;
}

/* Clases generales */

.alt {}
code {font-family: Arial, Helvetica, Sans Serif; background: #EEE;}
select {width: 130px}
small {color: #333;	font-size: 13px;}
.smaller {font-size: 11px !important;}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote cite {display: block}
/* hr {display: none} */
.center {text-align: center}
.izquierda {float: left;}
.derecha {float: right;}
.izquierda_marco {border: 1px solid #999; padding: 3px; margin: 4px 10px 8px 0; float:left;}
.derecha_marco {border: 1px solid #999; padding: 3px; margin: 4px 0 8px 10px; float:right;}
table, textarea {border: 1px solid #333;}
td,tr {padding: 4px;}

.br {clear: both; display:block;}
.br10 {clear: both; display:block; height: 10px;}
.br15 {clear: both; display:block; height: 15px;}
.br20 {clear: both; display:block; height: 20px;}
.hr {clear: both; display:block; border-top: 1px solid #CCC;}

.bordes10 {
-moz-border-radius: 10px; 
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;}

/******************** Header ********************/

#header {
background: url('images/skin/ion4_header.jpg') no-repeat top; /* Comentar (ocultar) para hacer skinning */
margin: 0 auto; padding: 0;}

#subheader {
margin: 0 auto;
clear: both;
display: block;
width: 910px;
padding: 0 10px 0 10px;
height: 45px;
}

#logo, #logo a {display: block; width:930px; height:200px; margin: 0 auto;}

/* Menu principal */

.menu {float: right; margin: 0; padding-top: 8px;}

.menu li {float: left; margin-left: 4px; text-align: center; list-style: none;}

.menu li a {
float: left;
display: block;
font: bold 12px Arial, Helvetica, Sans-Serif;
text-transform: uppercase;
padding: 4px 7px 1px 7px;
height: 20px;
text-decoration: none !important;
}

.menu a:link, .menu a:visited {color: #EEE !important; background: #777 url('images/spritesheet.png') no-repeat -111px 0; border: 1px solid #AAA;}
.menu a:hover, .menu a:active, .menu .current_page_item a {color: #000 !important; background: #FFF url('images/spritesheet.png') no-repeat -261px 0; border: 1px solid #AAA; border-bottom: 1px solid #FFF;}

/* Buscador Google */

#buscar {float: left; padding-top: 8px; width: 250px;}
#buscar a img, #buscar input {float: left; display: block;}
#buscar input {font-size: 12px Arial, Helvetica, Sans-Serif; margin-right: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
#buscar input.text {width: 165px; height: 15px; font: 13px Arial, Helvetica, Sans-Serif !important;
padding: 1px 4px 0 4px; border: 1px solid #666; background: #FFF; border: 1px solid #999;}
#buscar input.submit {width: 54px; height: 21px; padding: 0 2px 3px 2px !important; padding: 2px; background: #333 url('images/spritesheet.png') no-repeat 0 0; color: #FFF;}
#buscar input.submit:hover {background: #B00000 url('images/spritesheet.png') no-repeat -56px -4px; border: 1px solid #B00000;}

/* Twitter */

#twitter_div {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 15px;
background: #d6eaf3;
}
#twitter_div .twitter_header {
-moz-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
display: block;
height: 21px;
padding: 3px 10px 0 0;
text-align: right;
font: bold 13px Trebuchet MS, Arial;
color: #FFF;
background: #171717 url('images/skin/twitter.png') no-repeat top left;
}
#twitter_div .twitter_header a {color: #FFF;}
#twitter_div ul {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 5px;
}
#twitter_div li {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
margin: 4px 0 4px 0;
background: #FFF;
}
#twitter_div a {
font-weight: bold;
}
#twitter_div .followme {
color: #333;
display: block;
padding: 0 5px 5px 5px;
text-align: center;
}

/* Suscripción RSS */

#suscribir {}
#suscribir input.email {font: 13px Arial, Helvetica, Sans-Serif !important; border: 1px solid #666;
background: #EEE url('images/spritesheet.png') repeat-x -274px -800px; width: 222px; float: left;
padding: 3px 4px 3px 4px; height: 16px; margin: 3px 5px 0 0;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
#suscribir input.submit {width: 77px; height: 28px; padding: 0; background: url('images/spritesheet.png') no-repeat -428px -30px; float: right;}

.icono_rss {background: url('images/iconsheet.gif') no-repeat 0 -30px; display: block; float: left; width: 16px; height: 16px; margin: 1px 5px 0 0; overflow: hidden;}
.icono_rss a {display: block; width: 16px; height: 16px;}

/* Publicidad */

.publi5, .publi10,.publi15 {display: block; margin: 0 auto; text-align:center;}
.publi5 {padding: 0 5px 0 5px;}
.publi10 {padding: 0 10px 10px 10px;}
.publi15 {padding: 0 15px 15px 15px;}

#publi_cuadro_doble {float: left; display: block; margin: 0 0 10px 10px;}

/* Contenido */

/* Columnas contenedoras */

#sidebar {float: right; display: block; width: 320px; padding-right: 15px; font: 12px Arial, Helvetica, Sans-Serif; overflow: hidden;}
#content {float: left; display: block; padding-left: 15px;}

.narrowcolumn {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
}
.narrowcolumn p {padding: 5px;}
.narrowcolumn .postmetadata {
  width: 100%;
  height: 40px;
  text-align: left;
  font-size: 12px;
  background: #CCC url('images/spritesheet.png') no-repeat 0 -246px;
/*  margin-top: 15px; /* Para la publicidad del Feed */
}
.narrowcolumn .normas {margin: 10px 0 10px 0;}
.narrowcolumn .normas p {padding: 5px;}
.widecolumn {float: left; width: 900px;}

.postmetadata .categorias {width: 65%; float: left; padding: 4px 0 0 15px; line-height: 16px;}

.postmetadata .comentarios {float: right; padding: 11px 8px 0 0; font-weight: bold; text-align: right;}
.postmetadata .comentarios img {float: left; padding-right: 5px;}

.comentarios a, .comentarios a:link, .comentarios a:visited {color:#FFF;text-decoration: none; float: left;}
.comentarios a, .comentarios a:hover, .comentarios a:active {color:#FFF; text-decoration: underline;}

/*  Sidebar  **/

#sidebar h2 {
  width: 310px;
  height: 30px;
	background: #FFF url('images/spritesheet.png') no-repeat 0 -28px;
	color: #333;
	font: bold small-caps 15px Arial, Helvetica, Sans-Serif;
	line-height: 28px;
	padding-left: 10px;
	overflow: hidden;
}

#sidebar h2 img {padding-left: 4px;}
#sidebar .columna {width: 160px; display: block; float: left; padding-bottom: 15px; text-align: center;}

ul {margin:0; padding:0;}
ul.enlaces {margin-bottom: 15px;}
ul.enlaces li {border-bottom: 1px dotted #CCC; height: 20px;}
ul.enlaces li a {
text-decoration: none;
display: block;
padding: 3px 3px 3px 6px;
text-align: left;
width: auto !important;
float: none !important;
width: 120px;
float: right;
}
ul.enlaces li a:hover {background: #EEE;}

ul.enlaces2 {margin-bottom: 15px;}
ul.enlaces2 li {border-bottom: 1px dotted #ccc; padding: 4px 0 2px 6px;}
ul.enlaces2 li:hover {background: #EEE;}

ul.normal {margin: 10px 6px 25px 6px;}
ul.normal li {margin-bottom: 3px; padding: 0 !important;}

.tags {padding: 5px; margin-bottom: 15px;}

/* Hoja de calendario */

.calendario {width:44px;height:56px; text-align:center;
color: #FFF; float: left; margin: 2px 14px 6px 3px; padding: 0;
background: url('images/spritesheet.png') no-repeat -475px -66px; overflow: hidden;
}

.calendario .mes {font: bold 11px Arial, Helvetica, Sans-Serif;
color: #FFF; line-height: 14px; margin: 4px 1px 0 0;}

.calendario .dia {font: bold 20px Arial, Helvetica, Sans-Serif;
color:#000; line-height: 20px; margin: 3px 1px 0 0;}

.calendario .ano {font: 10px Arial, Helvetica, Sans-Serif;
color:#666; line-height: 14px; margin: 0 1px;}

/* Posts */

.narrowcolumn .post {padding-bottom: 30px;}
.widecolumn .post {padding-bottom: 10px;}

.post p {padding: 5px;}
.post h1 {font: bold 22px 'Trebuchet MS', Arial, Helvetica, Sans-Serif; color: #A00000;}

.post_small {
font: 12px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
background: #EEE url('images/spritesheet.png') no-repeat -270px -592px;
display: block; float: left; padding: 0 5px 20px 5px !important; padding: 0 3px 20px 7px;
width: 260px !important; width: 255px; overflow: hidden;}

.post_small h2 {font: bold 15px 'Trebuchet MS', Arial, Helvetica, Sans-Serif; height: 44px; overflow: hidden;}
.post_small .excerpt {height: 184px; overflow: hidden; padding: 2px 5px 5px 5px;}
.post_small .post_titulo {height: 64px; padding: 0 4px 0 4px; overflow: hidden;}
.post_small .fecha, .post_destacado .fecha {font: 11px Arial, Helvetica, Sans-Serif; color: #666;}

.post_small .postmetadata {
  width: 100%;
  height: 25px;
  text-align: left;
  font-size: 11px;
  background: none;
}
.post_small .postmetadata .comentarios {float: right; padding: 5px 14px 0 0; font-weight: bold; text-align: right;}

/* Destacado */

.destacado {width: 540px; height: 300px; display: block; margin: 20px 0 20px 0;
background: #666 url('images/spritesheet.png') no-repeat 0 -289px; overflow: hidden;}

.destacado_titulo {
  font: bold small-caps 15px 'Trebuchet MS', Arial, Helvetica, Sans-Serif !important;
  color: #F5F5F5 !important;
  height: 20px;
  padding: 7px 0 0 12px;
  margin-bottom: 5px;
}

.post_destacado {
text-align: center; 
display: block; float: left; padding: 2px 4px 8px 8px; width: 122px; overflow: hidden;}

.post_destacado .post_titulo {height: 42px; overflow: hidden;}
.post_destacado h2 {font: bold 11px Arial, Helvetica, Sans-Serif; margin-bottom: 5px;}
.post_destacado a {color: #F5F5F5 !important; cursor: hand;}

/* Relacionado */

.relacionado {display: block; margin-top: 10px; overflow: hidden; height: 125px;}

.post_relacionado {
text-align: center; display: block; float: left; padding: 2px 5px 8px 5px;
width: 122px; overflow: hidden;}

.post_relacionado .post_titulo {height: 42px; overflow: hidden;}
.post_relacionado h4 {font: 11px Arial, Helvetica, Sans-Serif; margin-bottom: 5px;}
.post_relacionado a {color: #000 !important; cursor: hand;}

/* Foto peque */

.foto_peque_borde, .foto_peque2_borde {width: 120px; height: 75px; margin: 0 auto; margin-bottom: 5px;}
.foto_peque_borde {border: 1px solid #999;} 
.foto_peque2_borde {border: 1px solid #BBB;} 
.foto_peque {background: #EEE url('images/spritesheet.png') no-repeat -3px -679px; display: block; color: #EEE; width: 120px; height: 75px;
overflow: hidden;}
.foto_peque2 {background: url('images/spritesheet.png') no-repeat -3px -595px; display: block; color: #444; width: 120px; height: 75px;
overflow: hidden;}
.foto_peque a {color: #EEE !important;}
.foto_peque2 a {color: #444 !important;}
.foto_peque p, .foto_peque img, .foto_peque2 p, .foto_peque2 img {width: 120px; min-height: 75px; height: auto; border: 0 !important; padding: 0 !important; margin: 0 !important;}

/* Foto grande */

.foto_grande_borde {border: 1px solid #999; width: 254px; height: 144px; margin: 0 auto; margin-bottom: 3px;}
.foto_grande {background: url('images/spritesheet.png') no-repeat -3px -763px; display: block; color: #EEE; width: 250px; height: 140px;
overflow: hidden; border: 2px solid transparent !important; border: 2px solid tomato;
/*fija un color de borde no usado para IE*/ _border-color: tomato; /*For IE6-*/ /*elimina el color del borde*/ _filter:chroma(color=tomato);/*For IE6-*/}
.foto_grande a {color: #EEE !important;}
.foto_grande p, .foto_grande img {width: 250px; min-height: 140px; height: auto; border: 0 !important; padding: 0 !important; margin: 0 !important;}


/* Entry */

.entry {clear: both; margin: 0; padding: 5px; display: block;
  margin-bottom: 5px; /* Para la publicidad del Feed */}

.entry input {border: 1px solid #333; padding: 1px;}

.entry blockquote {
	margin: 10px 0 10px 5px;
	padding: 0 0 0 50px;
	color: #666;
	font-size: 14px;
	background: url('images/iconsheet.gif') no-repeat 0 -115px;
}
.entry h2 {font-weight: bold; margin-bottom: 15px;}
.entry blockquote h3, .entry blockquote h4 {padding-left: 5px !important;}
.entry blockquote li {
	list-style-type: square;
  margin-left: 10px;
  padding-left: 2px;
}

.entry ul li {list-style-type: square;}
.entry ol li {list-style-type: decimal;}
.entry li {margin-bottom: 12px;}
.entry ul {margin: 12px 0 12px 20px;}
.entry ol {margin: 12px 0 12px 30px;}

acronym, abbr {border-bottom: 1px dashed #999}
acronym, abbr, span.caps {font-size: 11px; cursor: help;}

/* Botones Editar, more */

.editar a, .editar2 a {
font: 10px Arial, Helvetica, Sans-Serif !important;
float: right;
position: relative;
top: 0px; right: 0;
color: #FFF !important;
background: #A00000;
padding: 4px;
}
.editar a:hover {background: #05A; text-decoration: none !important;}

/* Estilos de texto */

/* Headers */

h1 {font-size: 22px}
h2 {font-size: 20px}
h3 {font-size: 18px}
h4 {font-size: 15px}

/* Enlaces */

a {outline: 0;}
a:link, a:visited {color: #C00000; text-decoration: none;}
a:active, a:hover {color: #05A; text-decoration: underline;}

/* Estilos de párrafo */

.titulillo {background: url('images/iconsheet.gif') no-repeat 0 -54px; border-bottom: 2px groove #444; font: bold small-caps 16px Verdana; color: #444; margin: 20px 0 6px 0; height: 20px; padding: 4px 0 0 16px !important;}
blockquote .titulillo {background: none !important;}

.archivado {border: 1px solid #999; background: #777; color: #FFF; font: bold small-caps 14px Verdana; padding: 2px 2px 2px 10px; margin: 20px 0 6px 0;}

.pagetitle, .pagetitle_narrow, .pagetitle_wide {
  font: bold small-caps 18px 'Trebuchet MS', Arial, Helvetica, Sans-Serif !important;
  color: #FFF !important;
  height: 28px;
  padding: 5px 0 0 20px;
  margin-bottom: 16px;
  background: #777 url('images/spritesheet.png') repeat-x 0px -1141px;
  -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px;
}
.pagetitle a {color: #FFF !important;}

/* Imágenes */

img, a img {border:0; text-decoration: none !important;}

img.izquierda, a img.izquierda {border: 1px solid #999; padding: 3px; margin: 4px 10px 8px 0; float:left;}
img.derecha, a img.derecha {border: 1px solid #999; padding: 3px; margin: 4px 0 8px 10px; float:right;}
img.centro, a img.centro {border: 1px solid #999; padding: 3px; display:block; margin: 0 auto; text-align: center;}
img.izquierda_sinmarco, a img.izquierda_sinmarco {padding: 3px; margin: 4px 10px 8px 0; float:left;}
img.derecha_sinmarco, a img.derecha_sinmarco {padding: 3px; margin: 4px 0 8px 10px; float:right;}
img.centro_sinmarco, a img.centro_sinmarco {padding: 3px; display:block; margin: 0 auto; text-align: center;}

p img {padding: 0; max-width: 100%;}

embed {display: block; text-align: center; margin: 0 auto;} /* Centra los vídeos */

/* Listas */

ul.bien li, ul.mal li {list-style-type: none; margin-left: -12px; padding-left: 20px;}
ul.bien li { background: url('images/iconos/li_bien.gif') no-repeat top left;}
ul.mal li {background: url('images/iconos/li_mal.gif') no-repeat top left;}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
}
.nocomments, .postmetadata, strike {
	color: #333;
	font-size: 13px;
	margin: 3px 5px 0 0;
}

/* Comentarios */

.commentlist {
font: 13px Arial, Helvetica, Sans-Serif;
margin: 0 auto;
padding: 10px;
width: 520px;
text-align: left;
}

.commentlist ul {
margin: 0 auto;
padding: 0;
text-align: left;
display: block;
clear: both;
}

.commentlist li {
list-style: none;
margin: 0;
clear: both;
}

.commentlist .autor, .commentlist .autor_derecha, #commentform .autor_derecha {
font: 13px Arial, Helvetica, Sans-Serif;
display: block;
width: 100px;
height: 110px;
margin: 0;
padding: 0;
font-weight: bold;
}

.commentlist .autor .nombre, .commentlist .autor_derecha .nombre, #commentform .autor_derecha .nombre {
width: 100px;
height: 30px;
overflow: hidden;
display: block;
}

.commentlist .autor img,  .commentlist .autor_derecha img, #commentform .autor_derecha img {
border: 1px solid #999;
display: block;
width: 65px;
height: 65px;
margin-bottom: 2px;
}

.commentlist .tip, .commentlist .tip_izquierda {
width: 30px;
height: 14px;
z-index: 1;
position: relative;
top: 20px;
overflow: hidden;
}

.commentlist .tip {
background: #EEE url('images/iconsheet.gif') no-repeat 0 0;
float: right;
right: -4px;
}

.commentlist .tip_izquierda {
background: #EEE url('images/iconsheet.gif') no-repeat 0 -15px;
float: left;
left: -4px;
}

.commentlist .autor, .commentlist .autor img  {float: left;}

.commentlist .autor_derecha, #commentform .autor_derecha {float: right;}
.commentlist .autor_derecha .nombre, #commentform .autor_derecha .nombre {text-align: right; clear: both;}
.commentlist .autor_derecha img, #commentform .autor_derecha img {float:right;}

.commentlist .bocadillo, .commentlist .bocadillo_izquierda {
display: block;
width: 395px;
padding: 10px;
border: 1px solid #BBB;
background: #EEE;
margin-bottom: 10px;
}

.commentlist .bocadillo ul, .commentlist .bocadillo ol,
.commentlist .bocadillo_izquierda ul, .commentlist .bocadillo_izquierda ol  {
padding: 0 0 5px 35px;
text-align: left;
}

.commentlist .bocadillo ul li, .commentlist .bocadillo_izquierda ul li {
list-style: square !important;
margin: 0;
padding-bottom: 3px;
}

.commentlist .bocadillo ol li, .commentlist .bocadillo_izquierda ol li {
list-style: decimal !important;
margin: 0;
padding-bottom: 3px;
}

.commentlist .bocadillo {float: right;}
.commentlist .bocadillo_izquierda {float: left;}

.commentlist .bocadillo p, .commentlist .bocadillo_izquierda p {padding: 5px; width: 385px; overflow: hidden;}
.commentlist .bocadillo cite, .commentlist .bocadillo_izquierda cite {color: #555; border-left: 3px solid #999; padding: 6px 0 10px 16px; width: 383px;overflow: hidden;}
.commentlist .bocadillo blockquote, .commentlist .bocadillo_izquierda blockquote,
.commentlist .bocadillo cite, .commentlist .bocadillo_izquierda cite
{color: #555; border-left: 3px solid #999;margin-left: 16px;  width: 383px; overflow: hidden;}

.commentlist .commentnum {float: right; margin: -20px -2px -8px 0;
font: bold 30px Arial, Helvetica, Sans-Serif; color: #DDDDDD;}

.commentmetadata {margin: -5px -3px 0 0;}
.commentmetadata .mes {background: url('images/iconsheet.gif') no-repeat 0 -82px; padding: 0 10px 0 10px;}
.commentmetadata .hora {background: url('images/iconsheet.gif') no-repeat 0 -97px; padding-left: 10px;}
.commentmetadata .mes, .commentmetadata .hora {float: right; text-decoration: none !important; color: #777 !important; font: 10px Verdana;}

/* Comentarios anidados */

.depth-2 {
padding: 0 0 0 105px;
}

.depth-2 .autor {
float: right;
width: 65px !important;
height: 80px;
}

.depth-2 .autor .nombre {
float: right; text-align: right; clear: both;
font: 12px Arial, Helvetica, Sans-Serif;
width: 65px !important;
height: 28px;
}

.depth-2 .autor img {
float: right;
width: 40px;
height: 40px;
}

.depth-2 .tip {
float: left;
background: #F5F5F5 url('images/iconsheet.gif') no-repeat -30px -15px;
width: 10px;
height: 14px;
top: 10px;
left: -4px;}

.depth-2 .bocadillo {
float: left;
display: block;
background: #F5F5F5 !important;
width: 325px !important;
}

.depth-2 .bocadillo p {width: 315px;}
.depth-2 .bocadillo cite, .depth-2 .bocadillo blockquote {width: 313px;}

a.comment-reply-link {
font: 12px Arial, Helvetica, Sans-Serif;
color: #FFF !important; display: block; float: right; background: #333; padding: 3px 6px 3px 6px; margin-top: 10px;
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px
}
a:hover.comment-reply-link {text-decoration:none;background: #B00000;}

a#cancel-comment-reply-link {display: block; float: right; color: #FFF !important; background: #333 !important; padding: 5px 0 5px 15px; margin-top: -5px;
-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px
}
a:hover#cancel-comment-reply-link {background: #B00000 !important;}

/* Formulario de comentarios */

#commentform {width: 500px; margin: 0 auto; margin-top: 15px;}
#commentform p {margin: 5px 20px 0 0; padding: 5px; font: 12px Arial, Helvetica, Sans-Serif; color: #333;}
#commentform input {margin-right: 6px; font: 12px Arial, Helvetica, Sans-Serif !important; border: 1px solid #BBB; background: #EEE; padding: 2px;}
#commentform textarea {font: 12px Arial, Helvetica, Sans-Serif !important; width: 360px !important; width: 330px; height: 150px; padding: 10px;
border: 1px solid #BBB; background: #EEE; margin: 0 !important; margin-left: 30px;}
#commentform textarea p {padding: 5px;}
#commentform #submit {background: #333;color: #FFF; font-weight: bold; padding: 5px;}

.depth-1 #respond #commentform, .depth-2 #respond #commentform, .depth-3 #respond #commentform {padding: 10px 5px 10px 5px; border: 1px dotted #BBB; margin-bottom: 30px;}

/* Formulario de contacto */

#contactform {width: 480px; display: block; padding: 15px; background: #EEE; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px;}
#contactform p {font: 13px Arial, Helvetica, Sans-Serif; color: #333;}
#contactform #contactName, #contactform #email {width: 180px;}
#contactform #checking {width: 50px;}
#contactform span.error small {color: #B00000 !important;}
#contactform input, #contactform textarea {font: 12px Arial, Helvetica, Sans-Serif !important;
border: 1px solid #BBB; padding: 2px; margin: 5px 5px 5px 0;}
#contactform textarea {width: 400px !important; padding: 5px;}
#contactform button {font: bold 14px Arial, Helvetica, Sans-Serif !important;  background: #666;color: #FFF; font-weight: bold; padding: 6px 15px 6px 15px;
}
#contactform button:hover {background: #B00000;}
.thanks {width: 500px; min-height: 500px;}
.thanks h3 {padding: 5px;}

/* TinyMCE Editor */

/* Containers */
.defaultSkin table {background:#DDD !important; }

/* Layout */
.defaultSkin table.mceLayout {border:1px solid #EEE !important;}
.defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #DDD !important;  padding-bottom: 2px !important;}
.defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #EEE !important;}
.defaultSkin .mceIframeContainer {border-top:1px solid #AAA !important; padding-top: 5px; background: #EEE; border-bottom: 1px solid #EEE !important;}

/* Button */
.defaultSkin .mceButton {border:1px solid #DDD !important;}
.defaultSkin a.mceButtonEnabled:hover {border:1px solid #DDD !important; background-color:#AAA !important;}
.defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {background-color:#AAA !important;}

/* Contact Form 7 */

.wpcf7 {margin: 0; padding: 0; display: block;}
.wpcf7-form p {font: 14px 'Trebuchet MS', Arial, Helvetica, Sans-Serif; color: #333;}
.wpcf7-form select {width: 300px; border: 1px solid #999;}
.wpcf7-form input {padding: 4px; margin-right: 6px; border: 1px solid #BBB;}
.wpcf7-form textarea {padding: 4px; font: 14px 'Trebuchet MS', Arial, Helvetica, Sans-Serif; border: 1px solid #BBB; width: 500px; height: 125px;}

/* Archivo */

.archivo {width: 900px;}

.archivo .leftcol {width: 445px; float: left; margin-right: 5px;}
.archivo .rightcol {width: 445px; float: left; margin-left: 5px;}

.archivo .leftcol2 {width: 322px; float: left; margin-right: 8px;}
.archivo .leftcol2b {width: 240px !important; width: 234px; float: left;}
.archivo .rightcol2 {width: 322px; float: left; margin-left: 8px;}

.leftcol2 h2, .leftcol2b h2, .rightcol2 h2 {
height: 28px;
background: #666;
color: #FFF;
font: bold small-caps 15px Arial, Helvetica, Sans-Serif;
line-height: 28px;
padding-left: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

.rightcol2 ul {font: 12px Arial, Verdana, sans serif; 
height: 439px; overflow: auto; border: 1px solid #CCC; margin-top: 10px;
background: #FFF url('images/skin/degradado_bn.jpg') repeat-x bottom;}

.archivo_categoria {height: 400px; clear: both;}

.archivo li {}
.archivo p {}
.archivo_mes {font: bold 14px Arial, Verdana, sans serif;}
.archivo_mes a {font: 12px Arial, Verdana, sans serif;}
.archivo_mes h3 {font: 12px; margin: 20px 0 0 -2px;}		

.archivo_destacado {background: #CCC url('images/spritesheet.png') no-repeat 0 -66px; display: block; clear: both; padding: 8px 8px 0 8px; height: 150px;}
.archivo_destacado li {font: bold 12px Arial, Verdana, sans serif !important; text-align: center; display: block; width: 135px; float: left; padding: 10px 4px 0 4px; height: 128px; overflow: hidden;}

.archivo_listado {display: block; clear: both;}
.archivo_listado li {display: block;}

.archivo_listado ul.leftcol3 {display: block; width: 221px; float: left; border-right: 1px solid #DDD;}
.archivo_listado ul.rightcol3 {display: block; width: 222px; float: left; border-left: 1px solid #DDD;}

a.titular {
font: 12px Arial, Verdana, sans serif !important;
height: auto !important;
height: 0; /* Hack para IE 6 */
padding: 3px 6px 3px 6px;
display: block;
border-bottom: 1px solid #DDD;
}

a:hover.titular  {
background: #EEE;
text-decoration: none;
}

/* Sitemap */

.sitemap {width: 900px;}

.sitemap .leftcol {width: 445px; float: left; margin-right: 5px;}
.sitemap .rightcol {width: 445px; float: left; margin-left: 5px;}

.sitemap .mes_articulos {border: 1px solid #999; background: #777; color: #FFF; font: bold small-caps 14px Verdana; padding: 2px 2px 2px 10px; margin: 10px 10px 10px 0;}

.sitemap ul {padding: 0 0 10px 10px;}
.sitemap ul.listado_articulos {height: 1670px; overflow: auto; border: 1px solid #CCC;}
.sitemap li {font: 12px Arial, Verdana, sans serif;}
.sitemap p {}

/* Footer */

#footer, #footer_links {
	padding: 7px 0 7px 0;
	clear: both;
	text-align: center !important;
	font-size: 11px;
}
#footer {
	border-top: 1px solid #999;
	background: #DDD;
}
#footer_links {
	border-top: 1px solid #999;
	background: #EEE;
	font-weight: bold;
}

.ccbox {z-index: -2; display: block; float:left; width: 88px; height: 31px; padding: 0 5px 0 5px; margin-right: -98px; overflow: hidden;}

/* Navigation */

.navigation {padding: 0 0 20px 0;}

a.more-link, .navigation a {font: bold 13px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
background: #EEE url('images/spritesheet.png') repeat-x 0 -1055px;
-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 5px; 
line-height: 28px; border: 1px solid #CCC; padding: 2px 8px 2px 8px; color: #333 !important;}

a:hover.more-link, .navigation a:hover {text-decoration: none !important;
color: #FFF !important; background: #A00000 url('images/spritesheet.png') repeat-x 0 -1088px;}

/* Paginación Digg */

.pagination {
text-align: center;
padding: 3px 0 15px 0;
}

.pagination span.current {
border: 1px solid #A00000; font-weight: bold;
color: #FFF !important; background: #A00000;
background: #A00000 url('images/spritesheet.png') repeat-x 0 -1088px;}
.pagination span.disabled {border: 1px solid #EEE; color: #DDD;}

.pagination a, .pagination span {padding: 2px 5px 2px 5px; margin: 2px;
-moz-border-radius: 5px;  -khtml-border-radius: 5px; -webkit-border-radius: 5px;}

.pagination a {
text-decoration: none !important;
color: #666 !important;
border: 1px solid #999;
background: url('images/spritesheet.png') repeat-x 0 -1055px;
}
.pagination a:hover, .pagination a:active {
border: 1px solid #A00000;
background: #A00000 url('images/spritesheet.png') repeat-x 0 -1088px;;
color: #FFF !important;
}

/* WordTube */

.wordtube, .wordtube object {width: 320px; height: 340px; margin-bottom: 10px;}

/* Tabs */

#tab-box {height: 230px; padding: 10px 0 15px 0; overflow: hidden;}
.tabmenu {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
height: 24px;
width: 320px;}
.tabmenu ul {padding:0px; list-style:none;}
.tabmenu li {display:inline; line-height:24px; margin-left: 5px;}
.tabmenu li a {
color: #888 !important;
background: #DDD;
padding: 4px 5px 6px 5px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.tabmenu li a:hover, .tabmenu li a.tabactive {
padding: 4px 5px 7px 5px;
color:#111 !important;
position:relative;
text-decoration: none;
background:#FFF;
}
#tabcontent1,#tabcontent2,#tabcontent3 {
display: block;
border: 1px solid #999;
background:#FFF url('images/skin/degradado_bn.jpg') repeat-x bottom;
width:308px;
height: 190px;
overflow: hidden;
padding: 5px;
font-size:12px;
margin-bottom: 20px;
}

#tabcontent1 h2,#tabcontent2 h2,#tabcontent3 h2,
#tabcontent1 h3,#tabcontent2 h3,#tabcontent3 h3 {
display: none;}

/* Tablist y Sidelist */

.bullets li {list-style: square; color: #9B1;}

#sidelist li {list-style:none;}

#sidelist ul {padding: 0 0 10px 0;}

#sidelist ul.tablist, #sidelist ul.tablist2 {
display: block;
padding: 5px 0 8px 0;
font: 12px Arial, Helvetica, sans serif;
}

.tablist .titulo, .tablist2 .titulo, .tablist3 .titulo {
display: block;
font-weight: bold;
padding: 0 0 8px 5px;
}

ul.tablist li, ul.tablist2 li, ul.tablist3 li {
list-style: none;
overflow: hidden;
}

ul.tablist li {
padding-left: 2px;
margin-bottom: 7px;
line-height: 16px;
height: 32px;
}

ul.tablist2 li {height: 38px;}
ul.tablist2 li a {float: left; width: 200px;}
ul.tablist2 li .post-stats {float: right; font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #999;}

ul.tablist3 li {
padding: 0 0 8px 2px;
overflow: hidden;
}

/* Gravatar */

.kjgrcGravatar {float: left; margin-right: 8px;}

/* Widgets */

h2.widgettitle {margin-left: 0px !important; margin-left: -16px; list-style: none;} /* Chapuza creada para... ¡premio! Internet Explorer 6 */

/* Calendario */

#calendar_wrap {
margin: 0 auto;
width: 220px;
padding: 10px;
}

#wp-calendar caption {
font: bold 14px Arial, Helvetica, sans serif;
text-align: center;
width: 216px;
margin-right: -1px;
height: 30px;
line-height: 30px;
background: #A00000 url('images/spritesheet.png') no-repeat 0 -1088px;;
color: #FFF;
}

#wp-calendar {
text-align:center;
margin: 0 auto;
padding: 5px;
border: none;
}

#wp-calendar thead th {
text-align: center;
font: bold 11px Arial, Helvetica, sans serif;
width: 30px;
height: 25px;
border: 1px solid #CCC;
color: #FFF;
background: #333;
margin: 0;
padding: 0;
line-height:20px;
}

#wp-calendar tbody {
background: #FFF url('images/skin/degradado_bn.jpg') repeat-x top;
} 

#wp-calendar tbody td {
width:30px;
height:25px;
border: 1px solid #CCC;
margin: 0;
padding: 0;
line-height:20px;
font-size:11px;
color:#4f4f35;
}

#wp-calendar tfoot {background: none !important;}
#wp-calendar tfoot tr {border: none !important;}
#wp-calendar tfoot tr a {border: 1px solid #CCC;}

#wp-calendar td a {
font-weight: bold;
display: block;
width: 30px;
height: 25px;
color: #000;
text-decoration: none;
background: #E5E5E5;
line-height: 25px;
background-repeat: no-repeat;
}

#wp-calendar td a:hover {
background: #A00000 url('images/spritesheet.png') repeat-x 0 -1088px;;
color: #FFF;
font-weight: bold;
}
 
#wp-calendar #prev a {width:49px; margin:0 30px 0 0;}
#wp-calendar #next a {width:49px; margin:0 0 0 30px;}
#wp-calendar #today, #wp-calendar #today a {color:#FFF; font-weight: bold; background: #05A;}

/* Desplegable archivos */
#lista_archivos select {width: 90%; border: 1px solid #DDD; margin: 0 auto; margin: 10px 10px 20px 0; margin-left: 5% !important; margin-left: 2%; background: #EEE;}

/* Colorbox */
#cboxCurrent {display: none !important;}
#cboxTitle {display: none !important;}