/*
Theme Name: ADG-2011
Theme URI: http://www.adgcolombia.org/
Description: Diseno para el sitio web de ADG Colombia
Version: 2
Author: Felipe Silva Herran
Author URI: http://felipesilva.com/
*/

/* ESTILOS GENERALES */

*{margin:0;padding:0;}
body {font-family: 'Ubuntu', sans-serif;font-size:15px;line-height:1.5em; color:#555555;}
td { vertical-align:top;}
a { color:#E10019; text-decoration:none;}
a:hover {color:#000;; text-decoration: underline;}
a:visited { color: #800;}
a img{ border:none;}
input {color:#333; border:none; background:url(imagenes/campo.gif) no-repeat; width:132px; height:13px; font-size:0.8em; padding:3px;}
textarea{ width:216px; height:96px;background:url(imagenes/campo-area.gif) no-repeat; border:none;font-family: 'Ubuntu', sans-serif; font-size:1em; padding:4px;}

/* CONTENEDORES */

.contenedor {width:100%;}
.cuerpo {width:978px;margin:20px auto 0 auto;}
#lateral2 { width:958px;margin:0 0 20px 0; padding:0 10px; line-height:17px; height:17px;font-size:0.7em; font-weight:700;background: url(imagenes/miga.gif) no-repeat; color:#000;}
#lateral2 a{color:#000;}

/* Encabezado */

.superior {width:100%; height:30px; background:#DDDDDD;}
.superior-contenido { margin:0 auto; width:978px;}

.superior .buscador{width:300px; height:24px;float:left; font-size:0.8em;}
.superior input{margin-left:10px;}
input#searchsubmit{vertical-align:bottom;margin-top:2px; border:none; color:#FFF; width:23px; height:23px;background: none;}

.menu_acceso {height:30px; width:600px; float:right;position:relative;}
.menu_acceso a{ color:#666;}
.menu_acceso form{ width:500px;margin-top:2px;}
.menu_acceso label{ padding:0 0 0 10px; font-size:0.7em; float:left;}
input.boton{width:23px; height:23px; background:none; padding:0;}
.menu_acceso .bt-afiliese{ width:95px; height:31px; position:absolute; z-index:2; right:0; top:5px;}
.menu_acceso .bt-afiliese a{ display:block; width:88px; height:31px; color:#FFF; font-weight:700; font-size:0.8em; padding:0 0 0 7px; background:url(imagenes/bt-afiliese.png) no-repeat;}
.menu_acceso .bt-afiliese a:hover{ text-decoration:none; background:url(imagenes/bt-afiliese-over.png) no-repeat;}

.encabezado {width:100%; height:124px; background:url(imagenes/fondo-cabezote.jpg) no-repeat center top;}
.encabezado-contenido { margin:0 auto; width:978px;}
.encabezado .logo a{ display:block; height:82px; width:291px;float:left;background:url(imagenes/logo.gif) no-repeat; margin-top:24px;}
.encabezado .logo a span{display:none;}

/* Navegación */

.navegacion { width:100%; height:32px; background:#DDDDDD;z-index:998;}
.navegacion-contenido { margin:0 auto; width:978px;}
.navegacion ul.sf-menu {margin-bottom:0;  background: none;height:32px;padding:0;}
.navegacion ul.sf-menu .sub-menu{ z-index:999;}
.navegacion ul.sf-menu li{ list-style:none; float:left; margin-top:5px; background:none;}
.navegacion ul.sf-menu li li{ margin:0; background:#EEEEEE;border-right:1px solid #CCC;padding:0 10px;}
.navegacion ul.sf-menu li a{padding:3px 0; font-weight:700;font-size:0.9em; border:none;color:#E10019;}
.navegacion ul.sf-menu li li a{font-size:0.8em;border-bottom:1px solid #999;padding:10px;}
.navegacion ul.sf-menu li a:hover{ text-decoration:none; background:none; color:#000;}
.navegacion ul.sf-menu li a span {border-right:1px solid #999;padding:0 15px;}
.navegacion ul.sf-menu li a span.sf-sub-indicator { display:none;border-right: none;margin:0;padding:0;background:none;}
.navegacion ul.sf-menu li ul { top:2em; padding:0 0 0 35px;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top-left-radius: 7px;}
.navegacion ul.sf-menu li li.primero {border-top-right-radius: 7px;}
.navegacion ul.sf-menu li li.ultimo {border-bottom-right-radius: 7px; border-bottom:1px solid #CCC;}
.navegacion ul.sf-menu li li.ultimo a{border-bottom: none;}

.navegacion ul.sf-menu li.menu-item-5349 ul {background:url(imagenes/ico-asociacion.png) no-repeat 5px 5px #CCC;}
.navegacion ul.sf-menu li.menu-item-5352 ul {background:url(imagenes/ico-archivo.png) no-repeat 5px 5px #CCC;}
.navegacion ul.sf-menu li.menu-item-5350 ul {background:url(imagenes/ico-miembros.png) no-repeat 5px 5px #CCC;}
.navegacion ul.sf-menu li.menu-item-5351 ul {background:url(imagenes/ico-libreria.png) no-repeat 5px 5px #CCC;}
.navegacion ul.sf-menu li.menu-item-5353 ul {background:url(imagenes/ico-eventos.png) no-repeat 5px 5px #CCC;}
.navegacion ul.sf-menu li.menu-item-6855 ul {background:url(imagenes/ico-faq.png) no-repeat 5px 5px #CCC;}

.navegacion ul.sf-menu .bt-contacto {margin:3px 15px 0 15px;}
.navegacion ul.sf-menu .bt-contacto a{ display:block; height:25px; width:23px;background:url(imagenes/ico-contacto.png) no-repeat;}
.navegacion ul.sf-menu .bt-contacto a span{ display:none;}
.navegacion ul.sf-menu .bt-contacto a:hover{background:url(imagenes/ico-contacto-over.png) no-repeat;}
.navegacion ul.sf-menu .bt-home { margin:3px 0 0 0;}
.navegacion ul.sf-menu .bt-home a{display:block; height:25px;width:23px;background:url(imagenes/ico-home.png) no-repeat;}
.navegacion ul.sf-menu .bt-home a span{display:none;}
.navegacion ul.sf-menu .bt-home a:hover{background:url(imagenes/ico-home-over.png) no-repeat;}


/* Pie */

.pie {width:100%; height:139px; background:#6E6F71 url(imagenes/fondo-pie.jpg) no-repeat center top; margin-top:20px; padding-top:20px;color:#CCCCCC; clear:both; font-size:0.9em;}
.pie-contenido { margin:auto; width:978px;}
.pie a{ color:#FFF;}
.pie a:hover{ color:#000; text-decoration:none;}
.pie li{float:left;list-style:none; font-weight:700;}
.pie ul li a span {border-right:1px solid #CCCCCC;padding:0 10px;}
.pie ul li.menu-1 a span {padding:0 10px 0 0;}
.pie-texto1{ float:left;}
.pie-texto2{ float: right;}
.pie-datos{ clear:both; margin-top:20px; float:left;}
.pie .navegacion-auxiliar { float:left;}
.pie .navegacion-redes { float:left; width:220px; padding-left:10px;}
.pie .navegacion-redes p { float:left; padding:0 5px;}
.pie .navegacion-redes div span{ display:none;}
.pie .navegacion-redes div a{ display: block; height:20px; width:20px; float:left; margin:0 5px;}
.pie .ico-twitter a{background:url(imagenes/ico-twitter.jpg) no-repeat;}
.pie .ico-rss a{background:url(imagenes/ico-rss.jpg) no-repeat;}
.pie .ico-facebook a{background:url(imagenes/ico-facebook.jpg) no-repeat;}
.pie .ico-youtube a{background:url(imagenes/ico-youtube.jpg) no-repeat;}
.pie .ico-flickr a{background:url(imagenes/ico-flickr.jpg) no-repeat;}

/* Laterales  */

.lateral {float:left;}
.lateral#lateral1 { width:222px;}
.lateral#lateral3 { width:306px;}
.lateral#lateral4 { width:148px;}
.lateral#lateral5 { width:148px; padding-left:10px;}
.lateral div.widget{margin:0 0 20px 0; }
.lateral#lateral1 div.widget{background:#EEEEEE url(imagenes/pestana-abajo-med.gif) bottom no-repeat;padding-bottom:20px;}
.lateral#lateral3 div.widget{background:#EEEEEE url(imagenes/pestana-abajo-306px.gif) bottom no-repeat;}
.lateral#lateral4 div.widget,
.lateral#lateral5 div.widget{background:#EEEEEE url(imagenes/pestana-abajo-peq.gif) bottom no-repeat;}
.lateral ul{ margin:5px 0 5px 15px;}
.lateral#lateral1 ul{ margin:5px 10px;}
.lateral#lateral1 li{ list-style:none;border-bottom:#DDD 1px solid; margin:5px 0; padding:5px;font-size:1em;}
.lateral .widget-contenido{font-size:0.7em; line-height:1.4em; padding:5px;}
.lateral#lateral1 .textwidget{padding:5px; font-size:0.8em;}
.lateral li a{ color:#666;}
.lateral li a:hover{ color:#E10019; text-decoration:none;}
.lateral p{ padding:5px;}
.lateral h2{ font-size:1em;}
.lateral h3 { height:19px;font-size:0.7em; padding:0 0 0 10px;font-weight:700;}
.lateral#lateral1 h3 {background:url(imagenes/pestana-arriba-med.gif) no-repeat;}
.lateral#lateral3 h3 {background:url(imagenes/pestana-arriba-306px.gif) no-repeat;}
.lateral#lateral4 h3,
.lateral#lateral5 h3{background:url(imagenes/pestana-arriba-peq.gif) no-repeat;}
.lateral h3 a{ color:#000;}
.lateral h3 a:hover{ color:#E10019;}
.lateral h3 a span{ width:100%; display:block; height:31px;}
.lateral h4{ font-size:1em;}
.lateral #menu-asociacion h3 span{background: url(imagenes/ico-asociacion.png) right top no-repeat;}
.lateral #caja-miembros h3 span{background: url(imagenes/ico-miembros.png) right top no-repeat;}
.lateral #caja-libreria h3 span{background: url(imagenes/ico-libreria.png) right top no-repeat;}
.lateral #caja-eventos h3 span{background: url(imagenes/ico-eventos.png) right top no-repeat;}

.lateral#lateral5 .widget_polls-widget h2,
.lateral#lateral5 .widget_polls-widget p,
.lateral#lateral5 .widget_polls-widget li{ font-size:0.8em; line-height:130%;}
.lateral#lateral5 .widget_polls-widget ul {margin: 5px 0 5px 5px;}
.lateral#lateral5 h2{ padding:0 5px;}
.lateral#lateral5 li input {background: none;width: auto;height: auto;}
.lateral#lateral5 input.Buttons {width:auto; height:23px;vertical-align:bottom;margin-top:2px; background:url(imagenes/bt.gif) no-repeat; border:none; padding:0 0 0 25px;}

.lateral #caja-eventos { position:relative; width:148px; overflow:hidden;}
.lateral #caja-eventos .widget-contenido .thumbnail{ text-align:center;}
.lateral #caja-eventos .widget-contenido img{ width:100px; height:100px;}
.lateral #slideshow {width:148px; height:220px; overflow:hidden;float: left;position:relative; margin-top:10px;}  
.lateral #slideshow div.slides-contenedor {width: 444px; float:left;}  
.lateral #slideshow .slides {overflow:hidden;width:138px;}  
.lateral #slideshow .slides .hentry {width: 138px; float: left;}  
.lateral #slideshow .slides .hentry p{ padding:5px 0;}  
  
.lateral #caja-libreria .hentry{ position:relative;}
.lateral #caja-libreria .thumbnail{ margin:0 auto; text-align:center;}
.lateral #caja-libreria img{ width:100px; height:100px;}
.lateral #caja-libreria #myController { font-size:0.8em;}
.lateral #caja-libreria #myController span{color:#999;margin-right:4px;cursor:pointer;}
.lateral #caja-libreria #myController span.jFlowSelected{color:#C00;}
.lateral #caja-libreria #myController span.jFlowPrev{ background:url(imagenes/ico-flecha-izq.gif) no-repeat; display:block; height:20px; width:20px; float:left;}
.lateral #caja-libreria #myController span.jFlowNext{ background:url(imagenes/ico-flecha-der.gif) no-repeat; display:block; height:20px; width:20px; float:right;}

.lateral .miembro-destacado .thumbnail{ margin:5px; float:left; width:100px;}
.lateral .miembro-destacado .titulo{float:left; width:180px;}
.lateral .miembro-destacado .texto{ margin:5px; clear:both;}

/* Home */

.principal {width:642px;float:left; padding-right:30px;}
.principal div.widget{background:#EEEEEE url(imagenes/pestana-abajo-peq.gif) bottom left no-repeat; width:148px; float:left; margin:0 20px 0 0;}
.principal div.widget img{ max-width:138px;}
.principal div.widget#caja-campana{width:138px;margin-right:0;}
.principal article.widget-contenido{font-size:0.7em; line-height:1.4em; padding:5px 0;}
.principal ul{ margin:5px 0 5px 15px;}
.principal li a{ color:#666;}
.principal li a:hover{ color:#E10019; text-decoration:none;}
.principal p{ padding:5px;}
.principal div.widget h2 { font-size:1em; padding:5px 0 5px 5px;font-weight: normal; line-height:1.2em;}
.principal div.widget h3 { height:19px;font-size:0.7em; padding:0 0 0 10px;font-weight:700;background:url(imagenes/pestana-arriba-peq.gif) no-repeat;}
.principal h3 a{ color:#000;}
.principal h3 a:hover{ color:#E10019;}
.principal h3 a span{ width:100%; display:block; height:31px;}
.principal div.widget#caja-sabia h3 span{background: url(imagenes/ico-sabia.png) right top no-repeat;}
.principal div.widget#caja-diccionario h3 span{background: url(imagenes/ico-diccionario.png) right top no-repeat;}
.principal div.widget#caja-recomendados h3 span{background: url(imagenes/ico-recomendados.png) right top no-repeat;}
.principal div.widget#caja-campana h3 span{background: url(imagenes/ico-campana.png) right top no-repeat;}
a.ver-todos{ display:block;font-size:0.7em;padding:2px 0 1px 23px; height:14px; line-height:1em; clear:both; background:url(imagenes/pestana-abajo-out.gif) no-repeat 5px 0; color:#333;}
a.ver-todos:hover {background:url(imagenes/pestana-abajo-over.gif) no-repeat 5px 0;}

.principal div.campana{background:#EEEEEE url(imagenes/pestana-abajo.gif) bottom no-repeat;width:642px;float:left;margin-bottom:20px;padding-bottom:20px;}
.principal div.destacados,
.principal div.humor{background:#EEEEEE url(imagenes/pestana-abajo.gif) bottom no-repeat; width:642px; float:left; margin:0 0 20px 0;}
.principal div.humor{margin-top:20px;}
.principal div.humor img{ width:642px; height:200px;}
.principal div.campana h2,
.principal div.humor h2 { font-size:1.2em; padding:5px 0 5px 5px; line-height:1.2em;}
.principal div.campana h3,
.principal div.destacados h3,
.principal div.humor h3 { height:19px;font-size:0.7em; padding:0 0 0 10px;font-weight:700;background:url(imagenes/pestana-arriba.gif) no-repeat; z-index:3;}
.principal div.destacados h3 span{background: url(imagenes/ico-archivo.png) 600px 0px no-repeat; position:absolute; width:632px; z-index:9;}
.principal div.humor h3 span{background: url(imagenes/ico-humor.png) right top no-repeat;}
.principal div.campana h3 span{background: url(imagenes/ico-campana.png) right top no-repeat;}

.principal div.campana p{font-size:0.8em;}
.principal div.campana .wp-polls-ul li{ margin:5px 0; font-size:0.8em; line-height:1.2em;}
.principal div.campana .wp-polls-ul span{ display:block; clear:both;}
.principal div.campana .wp-polls{ clear:both;}

.principal div.destacados #upz-slideshow-navigation { font-size:0.8em; line-height:1.2em;}
.principal div.destacados #upz-slideshow-navigation img{ width:50px; height:50px;}
.principal div.destacados #featured .info {top:160px;}
.principal div.destacados #featured ul#upz-slideshow-navigation li a { margin-top:10px;}

/* CONTENIDOS */

.contenido {width:726px;float:left; padding:0 0 0 30px;}
.contenido h3 {margin:10px 0 5px 0;font-size:1em; color:#000;} 
.contenido h3 a {color:#000;} 
.contenido h1 {font-size:1.2em;padding: 5px 0 10px 0;font-weight:700;}
.contenido h2 {font-size:1.2em;padding:10px 0; color:#666;}
.contenido p{ padding:7px 0;}
.contenido .hentry ul, 
.contenido .hentry ol,{ margin:7px 0 7px 20px;}
.contenido .hentry li{ margin:3px 0;}
.contenido .navigation{font-size:0.7em;padding:5px 0;overflow:auto; clear:both; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;}

.single .hentry .thumbnail,
.page .hentry .thumbnail{ float:right; margin:0 0 10px 20px;}

.single .hentry .fecha{font-size:0.7em; color:#CCC; font-weight:700;}

.search .hentry,
.category .hentry {float:left; margin:0 30px 30px 0; height:370px; width:222px; position:relative;}
.category.category-humor-grafico .hentry {margin:0 0 30px 0; height: auto; width:auto;}
.hentry.tercero {margin:0 0 30px 0;}
.hentry .fecha{ height:8px;font-size:0.7em; color:#CCC; text-align:right; line-height:10px; font-weight:700;}
.search .hentry .thumbnail,
.category .hentry .thumbnail{ background:#CCC;height:222px; width:222px; position:relative; clear:both;}
.category .hentry .thumbnail img{height:222px; width:222px;}
.category .hentry .imagen{position:absolute; z-index:2; top:0; left:0;}
.category h1{ background:url(imagenes/ico-archivo.png) no-repeat top right;}
.category-archivo h1 {background:url(imagenes/ico-asociacion.png) no-repeat top right;}
.category-archivo h1 {background:url(imagenes/ico-miembros.png) no-repeat top right;}
.libros-de-diseno h1 {background:url(imagenes/ico-libreria.png) no-repeat top right;}
.category-eventos-de-diseno-grafico h1,
.category-concursos-de-diseno-grafico h1,
.otros-eventos h1{background:url(imagenes/ico-eventos.png) no-repeat top right;}
.category-faq-disenador h1 {background:url(imagenes/ico-faq.png) no-repeat top right;}

.search .hentry h2,
.category .hentry h2{position:absolute; z-index:3; bottom:0; left:0; filter: Alpha(Opacity=70);opacity:0.7; font-size:1em; font-weight:700; line-height:1.3em; padding:0;}
.category.category-humor-grafico .hentry h2{position:relative;filter: Alpha(Opacity=100);opacity:1; font-size:1em; font-weight:700; line-height:1.3em; padding:0;}
.search .hentry h2 a,
.category .hentry h2 a{ color:#000;padding:10px 0 0 10px; display:block;height:80px; width:212px;background:#FFF;}
.category.category-humor-grafico .hentry h2 a{ color:#E10019;padding:10px 0 0 0; display: inline;height: auto; width: auto;}
.libros-de-diseno .hentry h2 a{ background:#CCC;}
.search .hentry h2 a:hover,
.category .hentry h2 a:hover{ color:#FFF; text-decoration:none;background:#000;}
.category.category-humor-grafico .hentry h2 a:hover{ color:#000; text-decoration: underline;background: none;}
.search .hentry .texto,
.category .hentry .texto{ font-size:0.7em; line-height:1.5em; height:130px; overflow:hidden;}
.category.category-humor-grafico .hentry .texto{height: auto; overflow: auto;}
.contenido .leer-mas a{ float:left; display:block; height:20px; margin:5px 0; color:#000; background:url(imagenes/leer-mas.gif) no-repeat; padding:0 0 0 20px; font-size:0.7em; line-height:1.5em;}
.contenido .leer-mas a:hover{ color:#E10019; text-decoration:none; background:url(imagenes/leer-mas-over.gif) no-repeat;}
.contenido .leer-comentarios { float: right; height:21px; width:19px; text-align:center;background:url(imagenes/ico-comentarios.gif) no-repeat; font-weight:700;font-size:0.7em; line-height:1.5em;color:#FFF;}
.contenido .leer-comentarios a{display:block; height:21px; width:19px; color:#FFF;}
.contenido .leer-comentarios a:hover{text-decoration:none;background:url(imagenes/ico-comentarios-hover.gif) no-repeat;}
.categoria_descripcion{ font-size:0.7em; line-height:1.4em; padding:5px 0; border-bottom:1px solid #CCC; margin:0 0 5px 0;}

.post-imagen{ float:left;width:180px; overflow:hidden; margin:5px 0 0 0;}
.categoria-imagen{ float:left;width:170px;padding:80px 0 0 10px;overflow:hidden;}

.contenido .category-humor-grafico { float:left;width:810px !important; overflow:hidden; padding:0 0 0 0;}

/*.contenido .category-directorio{ width:260px; height:240px; font-size:0.75em; border:1px solid #EEE; padding:0;}*/
.category-directorio .contenido h2{ font-size:1.2em;opacity:1;position: relative;z-index: auto;}
.category-directorio .contenido span{ display:none;}
.category.category-directorio .hentry {height:180px;width: 348px;}
.category.category-directorio .hentry.segundo { margin:0 0 30px 0;}
.category-directorio .contenido .thumbnail { float:left; width:100px; height:180px;background: none; clear:none;}
.category-directorio .contenido .texto { float:left; padding:0 0 0 10px; width:238px; height:180px;}
.category-directorio .contenido .thumbnail img{height:auto; width:auto;}
.category-directorio .contenido p.web{ background:url(imagenes/ico_web.gif) no-repeat 0 4px; padding:0 0 7px 25px;}
.category-directorio .contenido p.mail{ background:url(imagenes/ico_mail.gif) no-repeat 0 4px; padding:0 0 7px 25px;}
.category-directorio .contenido p.telefono{ background:url(imagenes/ico_tel.gif) no-repeat 0 4px; padding:0 0 7px 25px;}
.category-directorio .contenido p.direccion{ background: url(imagenes/ico_dir.gif) no-repeat 0 4px; padding:0 0 7px 25px;}

/* Diccionario */

.category.category-10 .hentry {height: auto; width:726px; margin:5px 0;}
.category.category-10 .hentry h2,
.category.category-134 .hentry h2{position: relative;}
.category .accordion {width: 726px;}
.category .contenido .accordion h2 {background: #CCC url(imagenes/leer-mas.gif) no-repeat 706px 5px;padding:4px 8px;cursor: pointer; color:#000000; font-weight:normal;}
.category .accordion h2:hover {background-color: #EEE;}
.category .accordion h2.active {background: #CCC url(imagenes/leer-menos.gif) no-repeat 706px 5px;}
.category .accordion div.texto {background: #EEE;padding:4px 8px; height:auto;}

/* Dónde estudiar */

.contenido .estudiar ul{ margin:0;}
.contenido .estudiar h2{clear:both; height:20px; width:100%; float:left; padding:5px; background:#EEE; color:#000; font-weight:normal; margin:10px 0 0 0;}
.contenido .estudiar li{ width:180px; height:180px; font-size:0.75em; border:1px solid #EEE; float:left; list-style:none; margin:5px 5px 0 0; padding:5px; overflow:hidden;}

/* Beneficios */

.contenido #post-180 th{ text-align:center; font-size:0.8em; background:#EEE; padding:4px 2px;}
.contenido #post-180 td{ border-bottom:1px solid #CCC; font-size:0.8em; text-align:center;}
.contenido #post-180 td.izquierda{ text-align:left;}

/* Comentarios */

.comentarios { clear:both; margin:10px 0;}
.comentarios p { padding:0 0 10px 0;}
.comentarios .leer-mas a{ font-size:1.2em; line-height:0.8em; font-weight:700;	color:#999;}
#commentlist{font-size:0.8em; line-height:1.4em;}
#commentlist .even,
#commentlist .odd { clear:both; margin:10px 0; float: left;}
#commentlist .odd .comentario-arriba{padding:10px 30px 0 0; float:left; width:474px; min-height:66px; background:url(imagenes/comentario2-arriba.gif) no-repeat top left;}
#commentlist .even .comentario-arriba{padding:10px 0 0 30px; float:right;width:474px;min-height:66px;background:url(imagenes/comentario1-arriba.gif) no-repeat top right;}
#commentlist .odd .comentario-texto{padding:0 0 0 10px; float:left; width:466px; background: #DDD url(imagenes/comentario2-abajo.gif) no-repeat bottom;}
#commentlist .even .comentario-texto{padding:0 0 0 10px; float:left; width:466px; background: #EEE url(imagenes/comentario1-abajo.gif) no-repeat bottom;}
#commentlist .comentario-autor{width:212px; height:56px; padding:5px;}
#commentlist .odd .comentario-autor{float:left; background:url(imagenes/comentario2-autor.gif) no-repeat;}
#commentlist .even .comentario-autor{float:right;background:url(imagenes/comentario1-autor.gif) no-repeat;}
#commentlist .odd .comentario-autor img{ float:left; padding:0 10px;}
#commentlist .even .comentario-autor img{ float:right; padding:0 10px;}
#commentlist .comentario-fecha{font-size:0.8em;}
#commentform{ font-size:0.8em;}
#commentform input#submit{ width:auto; height:23px;vertical-align:bottom;margin-top:2px; background:url(imagenes/bt.gif) no-repeat; border:none; padding:0 0 0 25px; font-size:1em; font-weight:700; color:#666;}
#commentform .campo-campos{ width:222px; float:left; font-weight:700; font-size:1.3em;}
#commentform .campo-campos input{ margin-top:4px;}
#commentform .campo-campos p{padding:0 0 15px 0;}
#commentform .campo-campos label{ width:70px; float:left; text-align:right; display:block; padding:0 5px 0 0;}
#commentform .campo-comentar{ width:222px; float:left; padding:0 0 0 30px;}
#commentform .advertencia{font-size:0.8em; line-height:1.4em; color:#999; float:left; padding:0 0 0 30px; width:222px;}

/* Elementos independientes */

.clear { clear:both;}
.rojo {color:#E10915;}
.autor { color: #666; font-size:0.8em;}
.txt_peq { color: #999; font-size:0.8em;}
.contenido td{padding:4px;}
.contenido form td{padding:4px 10px;}
.contenido table{border-top:1px solid #CCCCCC; margin:20px 0;}
span.ocultar{ display:none;}

/* Íconos de compartir */

.shareinpost{ font-size:11px; color:#666; margin:10px 0 5px 0; background:#EEE; padding:5px;}
.shareinpost li{ margin:0 5px !important;}

/*WP Page Navigation - plugin de paginación*/

.contenido .wp-pagenavi { font-size:0.8em; margin:10px 0;}
.contenido .wp-pagenavi a, .contenido .wp-pagenavi span{ border:none;}

/*SNAP - plugin de alfabetización*/

ol.snap_nav { background:#CCC;float: left;clear: both;list-style: none; color:#666; padding:4px 2px 0 2px; margin-bottom:10px;}
ol.snap_nav li {display: block;float:left;padding:0 5px;font-size:0.8em; font-weight:bold;}
ol.snap_nav li a {padding:5px; color:#000;}
ol.snap_nav li a:hover,
ol.snap_nav li.snap_selected {background: url(imagenes/pestanita.gif) no-repeat center top;color:#E10019;}
ol.snap_titles {clear: both;display: block;border: 0;list-style: none;}

/*Twitter*/

.lateral#lateral5 .twtr-widget h3 { color:#EEE; background:none;}
.lateral#lateral5 .twtr-widget h4 {font-size:12px !important;}
.lateral#lateral5 .twtr-widget {font-size:11px !important;}

/*Formularios*/

.wpcf7-submit{ width:auto; height:23px;vertical-align:bottom;margin-top:2px; background:url(imagenes/bt.gif) no-repeat; border:none; padding:0 0 0 25px; font-size:1em; font-weight:700; color:#666;}
.dia, .mes{margin-right:10px;}

/*MailPress*/

input.MailPressFormEmail{width:130px; margin:5px 0;}
div#MailPress div#mp-container, div#MailPress div#mp-formdiv {position:relative;}
div#MailPress div#mp-loading, div#MailPress div#mp-message {position:absolute;}

/*Miembros*/

.contenido .pager .page-numbers{ float:left; border:none;}
.contenido .pager .page-numbers:hover{ background-color: #C00;}
.contenido .pager .current{ background-color: #900;}
div.miembros-listado{width:222px; height:100px; margin:20px 20px 0 0; float:left;font-size:0.8em; background:#EEE;}
#mini-profiles div.miembros-listado .image{ float:left; width:100px; margin:0 5px 0 0;}
div.miembros-listado .miembros-listado-info{ float:left; width:117px;}
div.miembros-listado .miembros-listado-info h2{ font-size:1em; line-height:1.2em; padding:5px 0;}
div.miembros-listado .miembros-listado-info p{ margin:0; line-height:1em;}

.miembro-avatar { float:left; width:20%;}
.miembro-datos { float: right;width:80%;}

ul.profile-list { list-style:none; line-height:1em;}
ul.profile-list li{ float:left; display:block; width:185px; height:75px;}
ul.profile-list li img{ float:left; margin:0 5px 0 0;}
ul.profile-list li a.txt_peq { color: #999;}

#profile{ font-size:0.8em; }
#profile table{width:100%; border-top:#000 1px solid; margin:10px 0;}
#profile table input{ width:250px; color:#333; margin:10px 0;}
#profile table textarea{ width:250px;}

/* Alineación imágenes */

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;}
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

/* Captions */

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}
.attachment img {display: block;margin: 0 auto;}