/* papel FBFDE2 */
/* fucsia FF00C0 */
/* gris B6B6B5 */
/* marron B22F15 */

p { height:auto; text-align:justify; }

h3 {font-size:26px; text-align:left;}

#contenido_principal{padding-top:0px; padding-left:0px;width:965px; padding-right:0px;}



#mensaje_sistema {float:left;width:100%;margin-top:1px; height:1px;font-size:1.1em; font-weight:bold;}





/* /////////////// BOTONERA SUPERIOR ////////////////// */
#botonera_usuario { width:100%; height:30px; float:left; position:relative; float:left; left:-10px; border-bottom:1px solid;   }
#botonera_usuario .botones_usuario a{float:left;width:auto; height:20px; color:#000000; padding:5px 10px 5px 10px; text-align:center;
 font-size:16px; text-decoration:none}

#botonera_usuario .botones_usuario a:hover{background-color:#CCCCCC; color:#000000;}
/*#botonera_usuario .botones_usuario a:active{background-color:#CCCCCC; color:#000000;}*/
#botonera_usuario .botones_usuario .on  {background-color:#000000; color:#FFFFFF; font-weight:bold;}

/* ////////////////////////////////////////////////// */





/* ///////////////  POSTS ///////////////  */

.modulo_lista_posts{font-size:14px; margin-bottom:1px; text-align:left; width:600px; overflow:hidden; }
.modulo_lista_posts a{color:#000000;}


#conteiner_posts {float:left;width:636px; height:auto; margin:0px; /*border:1px solid #FF0000;*/ padding-left:20px;}
#usuarios_articulos{float:left;width:100%;height:auto;}

.articulo_usuario {float:left; width:100%; margin:0px; margin-bottom:50px; height:auto; text-align:left;}


.contenedor_titulo_post { float:left; width:100%; height:auto; /*border:1px solid #0000FF; */ margin-bottom:20px;}

.titulo_post {float:left; width:70%; height:auto;font-size:28px; font-family:"Times New Roman", Times, serif;
 font-weight:bold; color:#000000; text-align:left; margin-bottom:10px;}
.titulo_post a{ text-decoration:none!important;color:#000000;}
.titulo_post a:hover{ text-decoration:none!important;color:#003399;}


.puntuar_articulo{float:right; width:120px; height:auto; margin-bottom:10px;margin-top:0px; font-size:1.1em; font-weight:bold;text-align:center; color:#000000}
.votos{float:right; width:100%; margin-bottom:10px; font-size:1em; font-weight:bold;text-align:center; color:#000000}
.puntuacion_articulo{float:right; width:120px; height:auto;margin-bottom:10px; text-align:center; font-size:0.9em; font-weight:normal}
.puntuacion_articulo_negrita{width:120px; font-size:1.1em; font-weight:bold}



.gris_fecha { text-align:left; float:left; width:300px; height:auto; color:#CCCCCC; font-size:12px; position:relative;}

.texto_post{ width:90%; /*border:1px solid;*/ float:left;  position:relative;  font-size:17px; height:auto;  margin:0px; color:#000000; text-align:justify;}


.tags_post { float:left; position:relative; width:100%; height:auto; color:#B6B6B5; text-align:left;}
.tags_post a{color:#B6B6B5; font-weight:bold;font-size:14px; color:#B6B6B5;}
.tags_post a:hover{color:#990000;}

.imagen_post{ text-align:left; float:left; position:relative; width:100%; /*border:1px solid #00FF00;*/ height:auto; margin:10px; margin-left:0px; }
.imagen_post img{float:left; position:relative; /*border:1px solid #00FF00;*/ height:auto; margin:10px; margin-left:0px; 
 max-width:520px;width: expression(this.width > 520 ? 520: true);}
.visualizada{float:left;  width:521px; height:auto; }
.botonera_final{float:left;width:100%; /*border:1px solid #000000;*/ padding-bottom:10px; border-bottom:1px solid #CCCCCC; text-align:left;}

/* ////////////////////////////////////////////////// */

.barra_comentarios_post{width:95%; height:auto; margin-bottom:10px; float:left; margin-top:10px; }
.post_numero_coments{width:90%; float:left;  text-align:left; font-size:14px; font-weight:bold; }
.post_numero_coments a{color:#CC6600;}
.comentarios_post_lista{ width:80%; height:auto; float:left;}
.comentario_post_contenedor_form{width:90%; height:auto; text-align:left; margin-bottom:15px; margin-top:15px; float:left;}
.comentario_post_contenedor_form_bot{width:100%; text-align:center; margin-bottom:15px; margin-top:15px;}
.comentario_post_texto{margin-bottom:0px; font-size:14px; color:#B6B6B5; text-align:left; margin-top:10px;}





/*------------- EDICION POSTS ----------------*/



.bloque_post{ margin-bottom:20px; width:100%;}
.caja_texto_input_post { text-align:left; border:1px solid #999999; width:100%; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
#titulo_opinion { font-size:30px; font-family:"Times New Roman", Times, serif;}
#tags_opinion{ font-size:16px; font-family:"Courier New", Courier, mono;  height:auto; }
#editor { height:200px;}




/* COLUMNA DATOS DEL USUARIO DERECHA */


/* ///////////////  DERECHA USUARIOS ///////////////*/
#derecha_usuario {float:right;width:295px; height:auto; margin-top:0px; /*border:1px solid #00FF00; */position:relative; }

.nombre_usuario{ text-align:left; overflow:hidden; float:left;width:185px; /*border:1px solid;*/
height:auto; margin-bottom:40px; margin-top:10px;font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:bold;
}
.nombre_usuario a{color:#000000; text-decoration:none}
.nombre_usuario a:hover{ text-decoration:underline}

.karma_usuario { float:right; width:100px; height:80px; background-image:url(../images/fondo_karma.gif); background-position:left; background-position:top; background-repeat:repeat-x; font-size:18px; text-align:center; padding-top:20px;}
.karma_usuario .tit{ color:#666666;   font-size:16px;font-weight:bold;  }
#icono_home_usuario {float:left; position:relative; width:45; height:auto; margin-bottom:10px; }
#lema_usuario,#lema_contenedor { text-align:left; font-family:"Times New Roman", Times, serif; float:none; clear:both; width:90%; position:relative; height:auto; margin-bottom:10px; color:#999999; font-size:14px;}


.opcion_usuario{width:100%; height:auto; text-align:left; margin-bottom:3px;}
.opcion_usuario a span{ color:#000000; font-size:14px; position:relative; top:-10px; }
.opcion_usuario a:hover span{ color:#000000; text-decoration:underline; font-size:14px; position:relative; top:-10px; }
.opcion_usuario a:hover{ color:#990000; text-decoration:none;}

.negrita_info{margin-bottom:3px;font-size:14px; width:100%; margin-top:20px; font-weight:bold}
.enlace_zona{font-weight:bold; font-size:14px; color:#0066CC; text-decoration:underline; margin-bottom:4px;}
 
.info_papel{ background-color:#FBFDE2; font-size:13px; height:auto; width:275px; margin-top:10px; margin-bottom:10px; padding:10px;
text-align:justify; overflow:hidden;}

.info_usuarios{float:left; width:90%; height:auto; margin:0px;  font-size:13px; margin-top:20px; margin-bottom:10px; overflow:hidden;}


.contenedor_bloque { text-align:left;width:100%; height:auto; float:none; clear:both; font-size:16px; margin-bottom:20px; margin-top:20px; }
.contenedor_bloque .enlace a{text-align:left; color:#000000; margin-bottom:10px; height:auto;}
.contenedor_bloque .tit_contenedor_bloque{text-align:left; font-size:18px;background-color:#000000; color:#FFFFFF; margin-bottom:15px; height:auto;}
.enlace_amigo{height:35px; width:35px; float:left; margin-right:2px; margin-bottom:2px;}

#webs_usuario{ float:left; position:relative; width:80%; overflow:hidden; font-size:14px; margin-top:20px; margin-bottom:10px; text-align:left;}
#cab_webs_usuario{ float:left; position:relative; width:100%; font-size:14px; font-weight:bold; margin-bottom:5px;}
#webs_usuario a{ color:#0066FF;}


.accion_user { float:right; width:110px; position:relative;}
.accion_user a{ color:#FF0000; font-size:12px; }

.mensajes_recibidos { font-size:12px; height:auto; margin-bottom:10px; position:relative; float:left; width:100%; background-color:#FBFDE2;   }
.barra_mensaje{width:100%; text-align:left; height:auto; float:left; position:relative; margin-bottom:5px; margin-top:5px;}
.icono_mensaje{float:left; height:45px; width:45px; }
.usuario_mensaje{height:auto; width:200px; float:left;}
.fecha_mensaje{width:100px; margin-left:5px; float:left; margin-bottom:10px;}
.texto_mensajes{ overflow:hidden; width:265px;  height:auto;   min-height:20px; float:none; clear:both; margin-top:5px; text-align:left; }


/* paginacion nueva para esta pantalla */
.soporte_paginación{float:left; width:963px; height:auto; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.paginacion_usuarios{float:left; width:auto; padding-left:200px;}


.titular_usuarios{float:left;width:140px;height:auto;margin:10px 0 10px 2px;font-size:1.4em; font-weight:bold;color:#c41200;}
.titular_usuarios .numeracion_gris{margin-left:5px;font-size:0.7em; font-weight:normal; color:#857c7b}
.titular_usuarios a{color:#c41200; text-decoration:none}
.titular_usuarios a:hover{ text-decoration:underline}


.categoria_usuarios{float:left; width:140px; height:25px; margin-left:2px; font-size:1em; font-weight:normal; color:#000000}
.categoria_usuarios_rosa{width:130px; height:auto; font-size:1em; font-weight:normal; color:#701453!important;cursor:pointer!important;}
categoria_usuarios_rosa a{width:130px; height:auto; font-size:1em; font-weight:normal; color:#701453!important; cursor:pointer!important;}
categoria_usuarios_rosa a:hover{width:130px; height:auto; font-size:1em; font-weight:normal; color:#701453!important}

.imagenes_categoria{float:left; width:150px; margin:5px 0 10px 0;}
.imagenes_categoria img{margin:0 10px 0 0;}


.fotografias_usuario{float:left; width:185px; height:auto;margin:0 0 10px 5px; }
.foto_estrellas{float:left; width:110px; height:auto}
.foto_estrellas_margen{margin-top:10px;}
.todas_fotos{float:left; width:60px; height:auto; font-size:1.1em; color:#b00975;}
.todas_fotos img {margin:0 10px 7px 0}
.mas_fotos_usuarios {float:left; width:70px;}
.mas_fotos_usuarios img {margin:0 0 0 5px}

.texto_rosa_usuarios{float:left; width:185px;height:auto;margin:0 0 0 5px; padding-right:5px; font-size:1.1em; color:#b00975; background-color:}
.usuario_parecida{float:left; width:90px; height:auto; font-size:1em; color:#6666cc}

.iconos_usuarios_completos{float:left; width:190px; height:auto; margin:10px 0 0 0;padding:10px 0 10px 0; }
.iconos_usuario_izq{float:left; width:180px;height:auto;margin-left:5px; padding:0 0 5px 0; font-size:1.1em; color:#507ba8;}
.iconos_usuario_izq span{float:left;width:30px;height:auto;text-align:center}

.caja_sobre_usuarios{float:left; width:180px; height:auto;margin:0 0 10px 5px!important; margin:0 0 10px 2px; padding:5px; background-color:#ffffeb; font-size:1.1em; line-height:1.3em; color:#555555}

.boton_mas_rojo {float:left;width:190px;}



/* CENTRO COMUN */
.titular_principal_usuarios { font-family:Georgia, "Times New Roman", Times, serif; float:left; width:500px; height:auto; font-size:25px; color:#999999; margin-bottom:20px; margin-top:10px; font-weight:bold; }
.parametros_usuarios {float:left; width:225px; height:auto; padding-left:5px; margin-bottom:10px;}
.parametros_usuarios .parametros_titular_usuarios{float:left; padding-bottom:10px; width:auto; margin-right:20px; height:auto;}
.parametros_usuarios .parametros_titular_usuarios img{ padding-top:3px;}
.parametros_usuarios .parametros_titular_usuarios .parametro1_usuarios{float:left;width:auto; height:15px; font-size:1.1em; color:#000000;}
.parametros_usuarios .parametros_titular_usuarios .parametro2_usuarios{float:left;width:auto; height:15px; font-size:1.1em; color:#e60094}
.parametros_usuarios2 {float:right; width:auto; height:auto;margin-bottom:10px; padding-left:5px; text-align:right }
.parametros_usuarios2 .parametros_titular_usuarios{float:left; padding-bottom:10px; width:auto; margin-right:20px; height:auto;}
.parametros_usuarios2 .parametros_titular_usuarios img{ padding-top:3px;}
.parametros_usuarios2 .parametros_titular_usuarios .parametro1_usuarios{float:left;width:auto; height:15px; font-size:1.1em; color:#000000;}
.parametros_usuarios2 .parametros_titular_usuarios .parametro2_usuarios{float:left;width:auto; height:15px; font-size:1.1em; color:#e60094}

.botonera_final_usuario{float:left;width:531px; margin-left:5px; padding-bottom:10px; }









/* ================================================================= */

.titular_comentarios{font-size:1.1em; font-weight:bold; color:#4A729D}
.usuario_comentarios{float:left; width:auto;}
.user_comentarios{float:left; width:120px; padding-top:10px; font-size:1.1em; color:#a87e9b}
.comentarios_textos{float:left; width:100%; font-size:1.1em; color:#666666}

.opina_comentarios {float:left; margin-top:25px;  width:150px; vertical-align:bottom;}


.imagen_opina{float:left; vertical-align:top; cursor:pointer!important;}
.imagen_opina a{float:left; vertical-align:top; cursor:pointer!important;}



.opina_titular{cursor:pointer!important;float:left; width:90px; padding-top:10px; line-height:1.2em; font-size:1.1em; font-weight:200; color:#444495;}
.opina_titular a { cursor:pointer!important;float:left; width:90px; padding-top:10px; line-height:1.2em; font-size:1.1em; font-weight:200; color:#444495;}
.opina_titular a:hover {cursor:pointer!important;float:left; width:90px; padding-top:10px; line-height:1.2em; font-size:1.1em; font-weight:200; color:#444495;}














/* /////////////// PAGINACION //////////////*/
 .paginacion_espacios{float:left;width:600px; position:relative; top:-30px;
height:35px;font-size:1.1em;margin-top:5px;margin-left:0px; margin-bottom:20px;}

 .paginacion_espacios .anterior a{float:left;width:55px; height:10px; border:1px solid #999999; background-color:#F9F9F9;padding:4px 7px 8px 7px!important;padding:4px 7px 4px 7px;text-decoration:none;color:#999999; text-align:center}
 .paginacion_espacios .anterior a:hover{color:#333333;font-weight:bold;}
.paginacion_espacios .numeracion a{float:left;width:auto;height:10px;border:1px solid #999999;background-color:#F9F9F9;margin-left:2px;padding:4px 7px 8px 7px!important;padding:4px 7px 4px 7px; text-align:center;text-decoration:none;color:#999999;}
 .paginacion_espacios .numeracion a:hover{color:#333333;font-weight:bold;}
 .paginacion_espacios .siguiente a{float:left;width:65px; height:10px; border:1px solid #999999; background-color:#F9F9F9; margin-left:2px; padding:4px 7px 8px 7px!important;padding:4px 7px 4px 7px;text-decoration:none;color:#999999; text-align:center}
 .paginacion_espacios .siguiente a:hover{color:#333333;font-weight:bold;}



/* para el componente de paginacion */
 .numeracion_espacios{float:left;width:600px;height:35px;padding-top:10px;font-size:1.1em; }
.numeracion_espacios a{float:left;width:auto;height:10px;border:1px solid #333333; background-color:#FFFFFF; margin-left:2px;padding:4px 7px 8px 7px!important;padding:4px 7px 4px 7px; text-align:center;text-decoration:none;color:#999999;}
.numeracion_espacios a:hover{color:#990000; font-weight:bold; height:10px;background-color:#FFCC00;}
.numeracion_espacios a:active{color:#000000; font-weight:bolder; height:10px;}
.numeracion_activa{color:#000000!important;font-weight:bolder; height:10px;}