@CHARSET "ISO-8859-1";

body, div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,table,th,td {
    margin: 0;
    padding: 0;
}

body 
{
    background: url("img/body_bg.gif") center repeat-y #bec8c0;
}

body, input, textarea, select 
{
    font-family: Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode";
    font-size: 12px;
}

a 	{ text-decoration: none; color: #333; cursor: pointer; }
a:hover	{ text-decoration: underline;  }

a img { border: none; }

h1 	{ color: #444; font-size: 18px; }


#document { width: 960px; margin: 0 auto; background: #f5fafa; padding: 0 10px; }

/**
 * HEADER
*/


#logo { 
    width: 164px;
    height: 44px;
    margin: 10px 0 10px 0;
    float: left;
}

#slogan { 
    padding: 12px 10px 0 0;
    width: 200px;
    float: right;
    font-size: 12px;
    font-family: "Times New Roman", serif;
    font-weight: bold;
    text-align: right;
    line-height: 14px;
}

#header { height: 106px; width: 100%; float: left; }

#top { height: 54px; width: 100%; float: left; }
#top2 { padding-top: 10px; width: 100%; float: left; }
#topbanner { float: right; height: 54px; width: 570px; }
#leftbanner { float: left; margin-top: 8px; }
#rightbanner { float: left;  }
#welcomeBanner { float: left; width: 620px; height: 140px; margin-bottom: 10px; }

#header .left 	{ width: 790px; height: 100%; float: left; }

#header .right 	{ width: 160px; height: 100%; padding-left: 10px; float: left; }


/**
 * FOOTER
*/

#footer {
    width: 100%;
    float: left;
    padding: 20px 0;
    text-align: center;
}

#footer a {
    margin: 0 20px;
}

/**
 * TOPMENU
*/

#topmenu { 
    width: 376px;    
    float: left;
    clear: left;    
    font-size: 14px;
}
#sel_language,
#topmenu {
    background: url("img/bar_bg_white.gif") repeat-x;
    border: 2px solid #888;
    height: /*32px*/ 27px;
}

#topmenu div {
    font-weight: bold;
    float: left;
}
#topmenu div.welcome {
    width: 156px;
    text-align: center;
    padding-top: 5px;
    font-weight: normal;
}

#topmenu div.btn_logout {
    width: 60px;
    border-left: 2px solid #888;
    margin: 0;
    height: 26px;
    line-height: 10px;
    font-size: 13px;
    text-align: center;
    float: right;
    margin: 0px 2px 0px 2px;
		padding-top: 2px;
}

#topmenu div.topname {
    border-left: 2px solid #888;
		width: 144px;
    height: 12px;
    padding: 8px 2px;
    line-height: 10px;
    font-size: 14px;
    text-align: center;
    margin: 0px 2px 0px 2px;
		text-align: center;
		font-weight: bold;
}

#topmenu div.toplink {
    border-left: 2px solid #888;
		width: 100px;
    height: 12px;
    padding: 7px 4px;
    line-height: 12px;
    font-size: 13px;
    text-align: center;
/*    margin: 0px 2px 0px 2px; */
		text-align: center;
}

#topmenu a {
    color: #5d8db2;
}

#topmenu a:hover {
    color: #d98c0b;
}

#sel_language
{
    float: left;
    width: 156px;
    border-color: #bbb;
}
#sel_language select {
    margin: 4px 0 0 10px;
    width: 140px;
    float: left;
}



/**
 * SEARCH BAR
*/

#searchbar {
    width: 392px;
    height: 27px;
    margin-left: 10px;
    float: left;
    background: url("img/bar_bg_orange.gif") repeat-x;
    border: 2px solid #bbb;
    padding: 0 2px;
}
#searchbar a:hover 	{ text-decoration: none; }
#searchbar select,
#searchbar input {
    margin: 2px 4px 0 1px;
}
#searchbar select { width: 79px; }
#searchbar #searchField { width: 148px; }

/**
 * SECTIONS
*/

#left-bar 	{ width: 160px; padding-right: 10px; float: left; }
#main-bar 	{ width: 620px; float: left; }
#right-bar 	{ width: 160px; padding-left: 10px; float: left; }



.cuadro_action {
    font-size: 14px;
    margin-top: 10px;
}

/* Botones */

.button_rect,
.button_rect_m {
    color: #555;
    padding: 2px 10px;
    border: 1px solid #888;
    cursor: pointer;
    background: url("img/button_gray.gif") repeat-x;
}
.button_rect_m { margin: 0 5px; }

.button_big  {
    color: #444;
    padding: 5px 10px;
    border: 1px solid #444;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
.button_big:hover { text-decoration: underline; opacity: 0.7; }

/* BUTTON HACK */
input.button_rect_m { padding: 1px 10px; }

.button_r {
    width: 67px;
    height: 16px;
    padding-top: 4px;
    background: url("img/rbutton.gif") no-repeat;
    color: #444;
    text-align: center;
    display: inline;
}
.button_r:hover { color: #000; text-decoration: none; }


/**
 * MENU BAR
*/

#mainmenu {
    border: 2px solid #bbb;
    float: left;
    width: 156px;
    margin-bottom: 10px;
}
#mainmenu a { 
    float: left;
    width: 100%;
    height: 18px;
    padding-top: 4px;
    font-weight: bold;
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    color: #555;
    background-repeat: repeat-x;
}

#mainmenu a:hover,
.b_green:hover,
.b_orange:hover,
.b_white:hover,
.b_blue:hover, 
.b_gray:hover,
.b_gray2:hover {
    text-decoration: underline;
    opacity: 0.5;
    color: #000;
}
#mainmenu a.btn_green, .b_green {
    background: url("img/button_green.gif") repeat-x;
}
#mainmenu a.btn_orange, .b_orange {
    background: url("img/button_orange.gif") repeat-x;
}
#mainmenu a.btn_white, .b_white {
    background: url("img/button_white.gif") repeat-x; height: 20px; padding-top: 7px;
}
#mainmenu a.btn_blue, .b_blue {
    background: url("img/button_blue.gif") repeat-x;
}
#mainmenu a.btn_gray, .b_gray {
    background: url("img/button_gray.gif") repeat-x;
}
.b_gray2 {
    background: url("img/button_gray2.gif") repeat-x;
}

/**
 * BOXES & CONTAINERS
*/

.big_box { 
    width: 616px;
    float: left;
    border: 2px solid #bbb;
    margin-bottom: 10px;
    background: white;
}

.big_box .content {
    width: 596px;
    float: left;
    padding: 10px;   
    border-bottom-style: solid;
    border-bottom-width: 3px;
}
.big_box .title {
    width: 100%;
    float: left;
    height: 24px;
}
.big_box .title h1
{
    padding: 4px 0 0 10px;
    color: #444;
    font-size: 14px;
}

#left-bar .big_box,
#right-bar .big_box {
    width: 156px;
}
#left-bar .big_box .content,
#right-bar .big_box .content {
    width: 136px;
}
#left-bar .big_box .title h1,
#right-bar .big_box .title h1 {
    text-align: center;
    padding-left: 0;
}

.bb_gray .title, a.bb_gray {
    background: url("img/boxt_gray.gif");
}
.bb_green  .title  { background: url("img/boxt_green.gif"); }
.bb_orange .title, a.bb_orange  {
    background: url("img/boxt_orange.gif");
}
.bb_blue   .title  { background: url("img/boxt_blue.gif"); }
.bb_white  .title  { background: url("img/boxt_white.gif"); height: 27px; }
.bb_white  .title h1  { padding-top: 6px; }


.bb_gray   .content  { border-bottom-color: #afafaf; }
.bb_green  .content  { border-bottom-color: #9eb07b; }
.bb_orange .content  { border-bottom-color: #fbc770; }
.bb_blue   .content  { border-bottom-color: #90a4cb; }
.bb_white  .content  { border-bottom-color: #888888; }


/* Lista resumen */

.tiny_list {
    list-style: square inside;
}


/**
 * HEADINGS
*/

#category_list h2 	{ width: auto; float: left; }


/**
 * MENU DE MI CUENTA
*/

.maS, .maSAC {
    width: 198px;
    height: 24px;
    padding-top: 8px;
    float: left;
    color: #444;
    background: #fff;
    font-size: 15px;
    text-align: center;
}
.maS:hover      { text-decoration: none; color: white; }
.maSAC          { 
    height: 38px;
    padding-top: 12px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 4px;
}
.maSAC:hover    { text-decoration: none; }

#ma_profile { background: url("img/perfil_normal.gif") no-repeat; }
#ma_barter  { background: url("img/trueque_normal.gif") no-repeat; }
#ma_net     { background: url("img/red_normal.gif") no-repeat; }
#ma_profile:hover { background: url("img/perfil_hover.gif") no-repeat; }
#ma_barter:hover  { background: url("img/trueque_hover.gif") no-repeat; }
#ma_net:hover     { background: url("img/red_hover.gif") no-repeat; }
#ma_profile_ac { background: url("img/perfil_ac.gif") no-repeat; }
#ma_barter_ac  { background: url("img/trueque_ac.gif") no-repeat; }
#ma_net_ac     { background: url("img/red_ac.gif") no-repeat; }



a.subsection_tab,
a.subsection_tab2,
.stB
{
    width: 596px;
    height: 20px;
    float: left;
    padding: 7px 0 0 0px;
    background: #dde9c1 center no-repeat;
    color: #222;
    text-align: center;
    margin: 5px 0;
    display: inline;
}
a.subsection_tab:hover,
a.subsection_tab2:hover { background-color: #c4d7a2; text-decoration: none; }

a.subsection_tab2 { background-color: #fdecd0; }
a.subsection_tab2:hover { background-color: #fbdca8; }

.stB {
    background: #e7ecf5;
    text-align: left;
    width: 586px;
    padding: 4px 5px 0 5px;
    height: 23px;
}
.stB img { margin: 0 10px; float: left; }

#mMSG { background-image: url("img/my_msg.png"); }
#mFAV { background-image: url("img/my_fav.png"); }
#mBLG { background-image: url("img/my_blog.png"); }
#mGRP { background-image: url("img/my_grp.png"); }
#mCHT { background-image: url("img/my_chat.png"); }
#mFRM { background-image: url("img/my_forum.png"); }

#mOFF { background-image: url("img/my_offers.png"); }
#mDEM { background-image: url("img/my_demands.png"); }
#mBRT { background-image: url("img/my_barters.png"); }
#mNEG { background-image: url("img/my_negociations.png"); }
#mINT { background-image: url("img/my_inter.png"); }
#mCON { background-image: url("img/my_problems.png"); }




/***** ESTILOS DE MARGENES ****/

.mar1 { padding: 2px 0 0 0; }


/*********/

textarea.spc { padding: 2px; }



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


.contract {
    text-align: right;
    width: 100%;
    clear: both;
    font-size: 12px;
}
.contract a { color: #aaa;}

.subsection_panel {
    width: 596px;
    border-bottom: 2px solid #888;
    padding: 10px 0 5px 0;
    float: left;
    display: none;
}

/* CONTAINERS */

.cnt1 { width: 396px; padding: 0 20px 0 0; float: left; }
.cnt2 { width: 180px; float: left; }


/* OTHER */

.justified { text-align: justify; }
.spaced p,
.spaced div { padding: 10px 0; }

.hidden 	{ display: none; }
.visible 	{ display: block; }
.line 		{ width: 100%; padding: 5px 0; float: left; }
.line p 	{ width: 100%; float: left; display: block; overflow: hidden; }
.line2          { width: 100%; padding: 5px 10px; }
.line3          { padding: 5px 10px; }

.border_b 	{ border-bottom: 1px solid #ddd; }
.center		{ text-align: center; }
.f_l		{ float: left; padding-right: 10px; }
.f_r		{ float: right; padding-left: 10px; }
.f_l2		{ float: left; width: 50%; }
.fl 	{ float: left; }
.fr 	{ float: right; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }

.boxlist	{ 
    width: 100%;
    float: left;
    padding: 5px 0 5px 10px;
    border: 1px solid #aaa;
    background: #eee;
}
.w1 { width: 584px; }
.w2 { width: 200px; }
.w3 { width: 278px; }
.w4 { width: 196px; }


.fName { width: 80px; float: left; font-weight: bold; }
.fText { width: 280px; float: left; }

.boxlist .fr { padding-right: 10px; }
.boxlist_t {
    border-bottom: 1px solid #aaa;
    margin-right: 10px;
}

.boxlist .line { padding: 5px 0 0 0; }


.f1 { width: 55px; padding-right: 5px; }
.f2 { width: 140px; }
.f3 { width: 270px; }
.f4 { width: 90px; text-align: right; }
.f1, .f2, .f3, .f4 { float: left; }
.f1 input { float: left; }

a.underlined:hover { text-decoration: underline; }  

.textbox {
    width: 538px;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #aaa;
    float: left;
}

.msg_marked, .msg_unread { width: 16px; height: 16px; float: right; margin: -1px 2px 0px 2px;  }
.msg_marked { background: url("img/msg_marked.png") no-repeat; }
.msg_unread { background: url("img/msg_unread.png") no-repeat; }

/**
 * FORMATOS DE TEXTO
*/

.gen_t1 { font-size: 16px; font-weight: bold; }
.gen_n1 { font-size: 13px; }
.gen_n2 { font-size: 14px; }
.gen_n4 { font-size: 26px; }

/**
 * FORMULARIOS
*/

textarea.fullarea	{ width: 100%; height: 200px; }

.errorMessage { color: #ff3355; font-size: 11px; font-weight: bold; float: left; }

.center .errorMessage { float: none; }

.cusError   { font-weight: bold; color: #cc2222; }
.cusNoError { color: #aaa; }

input.size1     { width: 210px; }
select.size1    { width: 214px; }

.form-container label { font-weight: bold; padding-right: 10px; text-align: right; float: left; } 

.separator { width: 100%; float: left; padding: 10px 0; }
.separator2 { width: 100%; float: left; padding-top: 0px; margin-bottom: 10px; border-bottom: 2px solid #369; }

.simple { width: 100%; float: left; padding: 5px 0; }
.simple label { width: 180px; }
.simple input { float: left; }
.simple input.alone,
.simple .errorMessage 
{ 
    margin-left: 190px;
}


.simple2 { width: 280px; float: left; }
.simple2 label { width: 120px;  }
.simple2 select, 
.simple2 input { width: 150px; }

.simple2 input.small_in { width: 60px; }

.subsimple { padding: 0 0 0 10px; display: inline; float: left; }
.subsimple label {  width: auto; padding: 0 10px; float: left; font-weight: normal; display: inline; }
.subsimple input { display: inline; float: left; }

#login-form { width: 418px; float: left; padding-top: 10px; }
#login-form .simple input { width: 150px; padding: 2px;  }
#login-form .simple label { width: 148px; font-weight: bold; padding: 2px 10px 0 0; text-align: right; float: left; }
#login-form .simple input.alone { width: auto; }
#login-form .simple a { padding: 2px 0 0 10px; float: left; color: #369; }
#login-form .simple .errorMessage {  margin-left: 140px; }

#login-submit { padding: 4px 8px; float: left; margin: 26px 0 0 10px; }

#reminder { display: none; padding-top: 5px; margin-top: 10px; border-top: 1px solid #aaa; }
#reminder .center { padding: 5px 0; }
#reminder .center label { width: auto; font-weight: bold; }
#reminder .center input { padding: 2px; margin: 0 0 0 10px; }


#ni_general_info .simple label 	{ width: 86px;  }
#ni_general_info .simple input,
#ni_general_info .simple textarea 	{ width: 458px; }
#ni_general_info .simple select	{ width: 184px; }


#ni_general_info .simple2,			
#ni_general_info .simple3               { float: right; }
#ni_general_info .simple2 label 	{ width: 120px; }
#ni_general_info .simple2 input,
#ni_general_info .simple2 select 	{ width: 230px; }

#ni_general_info .simple3 select	{ width: 100px; }
#ni_general_info .simple3 label 	{ width: 86px; }

#ni_general_info .simple .errorMessage 	{ margin-left: 96px; }
#ni_general_info .simple2 .errorMessage 	{ margin-left: 130px; } 

#ni_images	label { width: auto; }




a.blue_link { color: #369; font-weight: bold; }

a.more_info {
    display: inline;
    margin: 0  0 0 10px;
    color: #336699;
}
.extra_info {
    width: 250px;
    height: 130px;
    border: 3px solid #aaa;
    background: #fff;
    display: none;
    color: #555;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    margin-left: 200px;
    z-index: 1;
}
#extra_info 		{ top: 700px; }
#expiration_info 	{ top: 800px; }
#interchange_info 	{ top: 780px; }
#needed_info		{ top: 900px; }

.extra_info p { padding: 4px 0; }
.extra_info a { color: #336699; }

.field_group 
{
    width: 586px;
    padding: 5px;
    margin: 10px 0 10px 0;
    border-bottom: 2px solid #369;
    color: #369;
    font-weight: bold;
    font-size: 14px;
    display: block;
    text-align: center;
    float: left;
}

.cbox .field_group
{
    margin: 0 0 10px 0;
}
.captcha img { margin-top: -15px; }

#negotiation .cbox {
	font-size: 1.2em;
}



/**
 * LISTADO DE USUARIOS DE GRUPO
*/

.userline {
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #aaa;
    float: left;
    clear: both;
}
.userline div           { float: left; }
.username		{ width: 35%; color: #369; font-weight: bold; }
.userbutton		{ width: auto; text-align: right; }
.userstatus		{ width: auto; font-size: 11px; }

.userbutton a 	{ 
    margin-right: 10px;
    /*background: #664499;*/
    /*background: #b9d; */        
    
}

.connected 	{ color: #55bb22; 	}
.away 		{ color: #ffa200; 	}



/*** TIPS ***/

.tip { margin-bottom: 10px; }

.tips_1 { font-size: 24px; }
.tips_2 { font-size: 20px; }
.tips_3 { font-size: 16px; }
.tips_4 { font-size: 12px; }

.tips_1,
.tips_2,
.tips_3,
.tips_4 { color: #336699; font-weight: bold; }

.tips_5,
.tips_8 { width: 60%; float: left; font-size: 12px; }
.tips_8 p.heading b { font-size: 14px; color: #336699; } 
.tips_6 { width: 38%; float: right; padding: 10px 0; }
.tips_5, 
.tips_6 {  text-align: center; }
a.tips_7 		{ color: #a071aa; font-weight: bold; font-size: 20px; }
a.tips_7:hover 	{ text-decoration: underline; }

.tip span { color: #336699; font-weight: bold; }


/************** PASSWORD SECURITY *******/
#password-sec-box {
    width: 100px;
    height: 10px;
    border: 1px solid #666;
    float: left;
    margin: 5px 0 0 10px;
    display: inline;
}

#password-sec-fill {
    height: 100%;
    float: left;
    width: 1px;
    background: red;
}

#password-sec-alert {
    float: left;
    font-size: 12px;
    padding: 2px 0 0 10px;
    font-weight: bold;
}


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

#intro { 
    background: url("img/recicled.gif") no-repeat center;
    width: 100%;
}
.faq-list p { padding: 5px 0; }
.faq-list h2 { padding: 20px 0 5px 0; color: #336699; font-size: 15px; text-align: center; float: left; width: 100%; }


/***** RIGHT BAR *****/

#search-options {
    width: 136px;
    float: left;
    padding: 10px;
    background: #fff;
    border: 2px solid #bbb;
    margin-bottom: 10px;
}
#search-options .opt-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #369;
    padding-bottom: 3px;
    margin-bottom: 7px;
    color: #369;
}
#search-options .optg-title {
    text-align: left;
    padding: 5px 0;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    margin-top: 5px;
    float: left;
}
#search-options a {
    color: #369;    
}
#search-options a,
#search-options input,
#search-options label,
#search-options .line,
#search-options select
{
    font-size: 11px;
    float: left;
}
#search-options select {
    width: 100%;
}
#search-options label {
    margin: 3px 4px 0 0;
    width: 100%;
    font-weight: bold;
}
#search-options .opt-link {        
    width: 116px;
    float: left;
}
#search-options img {
    margin-right: 4px;
}

#search-options .opt-group ul {
    color: #369;
    list-style-type: square;
    list-style-position: inside;
}
#search-options .opt-group ul li {
    float: left;
    width: 100%;
    margin-top: 3px;
}
#search-options .opt-group ul li a {
    float: none;
}
#search-options .opt-group input { float: left; margin-right: 4px; }
#search-options .opt-group select {
    margin-top: 4px;
}

/******* TRUEQUE ******/

.preview {	height: 60px; margin: 0 5px; }

.blue 	{ color: #369; }

.box1	{ border: 1px solid #aaa; padding: 5px; width: auto; float: left; }

#previewitem { font-size: 14px; }

#previewitem .subtitle {
    width: auto;
    border: 1px solid #aaa;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #444;;
    background: #E7ECF5;
}

#previewitem label {
    font-size: 14px;
    color: #444;
}

.cbox, .cbox2, .cbox3 {
    width: auto;    
    border: 1px solid #369;
    padding: 5px 0;
    overflow: hidden;
}
.cbox, .cbox2 {
    text-align: center;
}
.cbox2 { border: 3px solid #f3a26b; background: #fdf4e3; text-align: left; }
.cbox2 .line { padding: 5px; }


.c_field1 { width: 386px; float: left; }
.c_field2 { width: 200px; padding-left: 10px; float: left;  }

.c_field1 .line { padding: 5px 10px; width: 366px; }

/***** ADD THIS ****/

.addthis,
.addthis_toolbox { text-align: center; padding: 0 37px; }
.addthis a { float: left; width: auto; }
.addthis div { float: left; }

.addthis_toolbox .custom_images a
{
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img { opacity: 1; }

.addthis_toolbox .custom_images a img { opacity: 0.75; }


/*** TABLAS ****/


table.art_list {
    width: 100%;
    border: #663615 1px solid;
    background: #fdd48c;
    font-size: 13px;
}
table.art_list td table { width: 100%; }
table.art_list .t1 { width: 80%; }
table.art_list .t2 {
    width: 15%;
    text-align: center;        
}
table.art_list .t3 {
    width: 25%;
    text-align: center;
}

table.art_list th { font-weight: bold; font-size: 14px; color: #444; padding: 5px 0; }
table.art_list table th,
table.art_list td { padding: 2px 5px; }
table.art_list table { background: #fafafa; }
table.art_list table th { 
    background: #eeeeee;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    color: #444;    
}
table.art_list table td { padding-top: 5px; padding-bottom: 5px; }





/**
 * VISOR DE IMAGENES
*/

#preview_box {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

#preview_container {
    width: auto;
    text-align: center;
}

/**** BORRAR ---->
#preview_container a img, preview_container a {
	width: 290px;
	height: 370px;
}
<----- ****/



.m_preview {
    width: 300px;
    height: 381px;
}

#thumbnails 	{ height: 256px; width: 100%; text-align: center; float: left;  }
#thumbnails a 	{  }
#thumbnails div.im_group { width: 100%; height: 85px; float: left; }
#thumbnails div.im_group div { width: 50%; float: left; text-align: center; }

#thumbnails #no_photo { width: 100%; padding-top: 110px; font-size: 14px; text-align: center; }

.t_preview {
    /*width: 88px;*/
    /*height: 75px;*/
    margin: 3px 0 4px 6px;

    border: 1px solid #aaa;
    /*float: left;*/
    max-height: 76px;
    max-width: 88px;
    background: #aaa;
    /*height: 119px;*/
}


/**** LISTADO DE ARTICULOS CATEGORIAS ***/

#category_list a 		{ color: #359; }
#category_list ul 		{ list-style: none; font-size: 13px; }
#category_list ul li 	{ font-weight: bold; padding-top: 10px; }
#category_list ul li.more	{ padding: 0 0 0 14px; font-size: 11px; }
#category_list ul li.more a { color: #888; }
#category_list ul li ul { list-style: circle inside; display: none; }
#category_list ul li ul li { padding: 0 0 0 0px; font-weight: normal; }

#category_list a.more { margin: 4px 0 0 60px;  float: left; }


/**** LISTADO DE ARTICULOS ***/

.item-list-box {
    width: 100%;
    float: left;
    border-bottom: 1px solid #999;
    padding: 10px 0;
    margin: 0px 0 10px 0;
}
.item-list-box .line 	  { padding: 0 0 2px 0; }
.item-list-box div.side_l { width: 110px; float: left; }
.item-list-box div.side_r { width: 486px; float: left; }

.item-list-box .list-thumb {
    width: 88px;
    border: 1px solid #aaa;
    background: #aaa;
    margin-top: 5px;
    float: left;
    max-height: 117px;
}
.item-list-box h2 { width: auto; padding-bottom: 5px; float: left; font-size: 14px; }
.item-list-box .date { font-size: 12px; color: #aaa; font-style: italic; }


.item-list-field {
    width: 115px;
    float: left;
    color: #444;
}
.item-list-value {
    width: 370px;
    float: left;
    font-weight: bold;
    color: #888;
}
.item-list-price {
    padding-top: 4px;
}



/* Colores */


.cus_g { color: #54cc47; }
.cus_b { color: #336699;}
.cus_p { color: #bc53cc; }
.cus_r { color: #cc2222; }
.cus_o { color: #ff9966; }
.cus_o2 { color: #ff6666; }





/***** PERFIL ****/

.trueker_img {
    width: 178px;
    height: 238px;
    float: left;
    background: #aaa;
    border: 1px solid #888;
    overflow: hidden;
}
.trueker_img img {
    width: 178px;
}
.trueker_img table {
    width: 100%;
    height: 100%;
}
.trueker_img table td {    
    vertical-align: middle;
}

.votes {          
    float: right;
    margin: 0 20px 0 0px;
}
.n_votes { padding: 0px 10px 100px 0px; font-size: 18px; float: right; border-right: 2px solid #369; color: #369; }
.points_line { padding: 4px 0 5px 0; border-bottom: 1px solid #999; width: 100%; }

#val1 { background: url("img/val1.gif") no-repeat right center; }
#val2 { background: url("img/val2.gif") no-repeat right center; }
#val3 { background: url("img/val3.gif") no-repeat right center; }
#val4 { background: url("img/val4.gif") no-repeat right center; }
#val5 { background: url("img/val5.gif") no-repeat right center; }

#user_profile .pointsBox {
    border-right: 2px solid #336699;
    float: left;
    height: 140px;
    width: 374px;
    margin-right: 20px;
}
#user_profile .pointsBox .fName { width: 60px; }
#user_profile .pointsBox .fText { width: 314px; }
#user_profile .n_votes { padding: 0; border: none; }


/***  SECCION FAVORITOS */

#my_favourites input,
#my_favourites select {
    width: 150px;
    padding: 2px 0;
    margin-left: 10px;
}
#my_favourites select { width: 154px; }
#my_favourites .errorMessage { text-align: left; padding-left: 22px; }
#my_favourites .line { padding: 0 0 10px 0; }


/* *****
TRUEQUE
****/

#my_credit { text-align: center; }

#my_credit div,
#my_credit a{ float: left; text-align: center; }

#my_credit div.credits {
    background: #fff;
    border: 2px solid #444;
    width: 150px;
    padding: 3px 2px;
    font-size: 16px;
    font-weight: bold;
    color: #369;
    display: inline;
}




/* P�gina de blog */

#theblog {
    background: #d4e1b4;
    border: 1px solid #aaa;
    width: 594px;
    padding: 10px 0;
    float: left;
}
#theblog .titlebox {
    margin-left: 10px;
    width: 400px;
    float: left;
}
#theblog .linksbox {
    width: 138px;
    float: right;
    margin-right: 10px;
}
#theblog .btitle {
    font-size: 16px;
}
#theblog .bsubtitle {
    font-size: 13px;
    color: #5c5555;
}

/* Estilo de post de blog */

.post {
    width: 574px;
    float: left;
    padding: 10px;
    margin: 5px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    /*background: #ddeedd;*/
    background: #eaf3d5;
}

.post ul,
.post ol {
    list-style: inside;
}
.postTitle {
    width: 370px;
    float: left;
    font-weight: bold;
    font-size: 14px;
}
.postTitle a,
.postText a {
    color: #369;
}

.postDate {
    width: 150px;
    float: right;
    text-align: right;
    padding-top: 2px;
    color: #666;
}
.postActions {
    width: 100%;
    float: left;
}
.postNavigate {
    padding: 0 10px;
    margin-top: 5px;
    width: 538px;
    float: left;
}

.postSTitle {
    color: #369;
    clear: right;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
}

/* Comentarios de blogs */

.comment {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.commAvatar {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    float: left;
    background: #fff;
    border: 1px solid #aaa;
}
.commAvatar img {
    width: 50px;
    height: 50px;
}

.commBox {
    width: 500px;
    float: left;
    padding: 5px;
    border: 1px solid #aaa;
    background: #fff;
}
.commFrom {
    color: #666;
    width: 100%;
}
.commFrom a {
    color: #369;
    font-weight: bold;
}
.commFrom div {
    float: right;
    text-align: right;
}
.commFrom span {
    font-style: italic;
}

.commText {
    width: 100%;
    padding-top: 10px;
}

/* Negociacion */

div.pagerCont {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

div.pagerCont div { float: left; font-weight: bold; }

ul.ajaxPager {
	list-style: none;
	float: left;
}

ul.ajaxPager li { 
	float: left;
	padding: 0 4px;
}
ul.ajaxPager li a:hover { text-decoration: underline; }

ul.ajaxPager li.selected { font-weight: bold; }



div.loading {    
    background-image: url('img/loading.gif');
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
}
div.loading * {
    opacity: .8;
}

#negotiation table {
    border: 1px solid #bbb;
}
#negotiation table td {
    vertical-align: top;
}

.negPan {
    width: 260px;
    float: left;
    padding: 0px 10px;    
}
.negItem {
    padding: 5px 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #bbb;
}
.negItem2 {
    width: 288px;
    float: left;
    padding: 0 10px 10px 0;
}
.negItem2 a {
    font-size: 13px;
}
.item2ln {
    width: 100%;
    float: left;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
}

.negItemTitle {
    font-weight: bold;
    color: #369;
}
.negArt {    
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.negArt a {
    font-weight: bold;
    color: #369;
}
.negSTitle,
.negSTitle2,
.negSTitle3 {
    width: 298px;
    font-size: 15px;
    font-weight: bold;
    color: #369;
    border-bottom: 2px solid #369;
    margin: 10px 0;
    float: left;
}
.negSTitle2 {
    color: #922;
    border-color: #922;
}
.negSTitle3 {
    color: #222;
    border-color: #222;
}

.negFT {
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    float: left;
    border-bottom: 1px solid #aaa;
}
.negF1, .negF2, .negF3, .negF4, .negF5,
.negF6, .negF7, .negF8, .negF9, .negF10,
.negF11, .negF12, .negF13 { float: left; }

.negF10 { width: 234px; }
.negF11 { width: 429px; padding-right: 45px; text-align: right; }
.negF12 { width: 100px; text-align: right; }
.negF13 { width: 160px; text-align: right; }
.negF1 { width: 185px; }
.negF2 { width: 100px; text-align: right; padding-right: 20px; }
.negF3 { width: 120px; text-align: center; }
.negF4 { width: 80px; text-align: right; padding-right: 20px; }
.negF5 { width: 60px; text-align: center; }
.negF6 { width: 400px; text-align: right; }
.negF7 { 
    width: 275px;
    border-right: 1px solid #aaa;
    text-align: justify;
    padding-right: 10px;
    margin-right: 20px;
}
.negF8 { width: 210px; padding-left: 10px; }
.negF8 input {
    float: none;
}
.negF9 {
    width: 508px;
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
}
.negF9 div {
    width: 250px;
    float: left;
    text-align: left;
    font-size: 11px;
    color: #888;
    font-weight: normal;
}



.negF3 .amount {
    text-align: right;
    width: 20px;
    height: 16px;
    border: 1px solid #aaa;
    margin-right: 1px;
    float: left;
}
.negF3 * { float: left; margin: 0 1px 0 0; }
.negF3 a img { opacity: 0.8; }
.negF3 a:hover img { opacity: 1; }

.negF10 span {
    color: red;
    font-weight: bold;
}




.negTotal {
    
}

.ngStars, .ngUser {
    float: left;
}
.ngStars {
    margin-left: 20px;
}
.ngUser {
    font-size: 16px;
    font-weight: bold;
}
.ngUser a {
    color: #369;
}
.ngDate {
    float: right;
    font-size: 14px;
    font-weight: bold;
}
.ngActions {
    width: 300px;
    float: right;
}
.ngActions a {
    float: right;
    clear: right;
    width: 130px;
    margin-bottom: 5px;
    text-align: center;
}
#my_total2 {
    color: #369;
    font-weight: bold;
}
#his_total2 {
    color: #922;
    font-weight: bold;
}
#myItems a,
#myAddedItems a { color: #369; }
#hisItems a,
#hisAddedItems a { color: #922; }


/* Negociaciones pendientes */

.negBox {
    width: 594px;
    float: left;
    border: 1px solid #aaa;
    margin-bottom: 10px;
}
.negBoxC {
    padding: 10px;
}
.negBoxT,
.negBoxT2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #aaa;
    background: #666;
    color: #fff;
    height: 24px;
}
.negBoxT2 {
    border-bottom: none;
    border-top: 1px solid #aaa;
    background: #ddd;
    color: #222;
}
.negBoxT b,
.negBoxT2 b {
    padding: 4px 10px;
    float: left;
    font-size: 13px;
}
a.negBoxAc {
    padding: 5px 6px 0 6px;
    height: 19px;
    float: right;
    background: #fff;
}
a.negBoxAc:hover {
    text-decoration: underline;
    background: #ccc;
}

a.rejectAc,
a.rejectAc:hover { background: url("img/boxt_red2.gif") repeat-x; }
a.acceptAc,
a.acceptAc:hover { background: url("img/boxt_green2.gif") repeat-x; }
a.replyAc,
a.replyAc:hover { background: url("img/boxt_orange.gif") repeat-x; border-left: 1px solid #aaa; }

a.replyAc,
a.rejectAc,
a.acceptAc {color: #444;}

a.replyAc:hover,
a.rejectAc:hover,
a.acceptAc:hover {opacity: 0.7;}


/* P�gina de saldo detallado */

#saldo {
    width: 100%;
    float: left;
    padding: 10px 0;
}

.saldoHd,
.saldoLn {
    width: 100%;
    float: left;
    padding: 4px 0;
}
.saldoHd {
    font-weight: bold;
    background: #fdecd0;
    color: #222;
}
.saldoLn {
    border-bottom: 1px solid #aaa;
}

.sF1, .sF2, .sF3, .sF4, .sF5 {
    float: left;
}
.sF1 { width: 205px; padding-left: 5px; }
.sF2 { width: 110px; }
.sF3 { width: 80px; }
.sF4 { width: 80px; }
.sF5 { width: 111px; padding-right: 5px; }

.sF2, .sF3 { text-align: center; }
.sF4, .sF5 { text-align: right; font-weight: bold; }

.crtPositive { color: green; }
.crtNegative { color: red; }

/* P�gina de grupos */

.group_list a,
.blog_list a {
    color: #369;
}
.group_list div,
.blog_list div
{ 
    float: left;
}

.group_list .gname      { width: 200px; }
.group_list .glocation  { width: 180px; }
.group_list .gcategory  { width: 180px; }

.blog_list .btitle      { width: 260px; }
.blog_list .bowner      { width: 300px; }

.group_list .titles,
.blog_list .titles
{
    border-bottom: 1px solid #aaa;
    font-weight: bold;
}

.groupTitle,
.groupTitle2 {
    font-size: 14px;
    font-weight: bold;
}
.groupTitle2 {
    font-size: 14px;
}

.groupDesc {
    padding-bottom: 10px;
}
.group_members {
    font-weight: bold;
}


/* P�gina de votaciones */

.votet1 {
    font-size: 16px;
    font-weight: bold;
}
.votet2 {
    font-size: 13px;
    font-weight: bold;
}

.voteCol p {
    text-align: center;
    padding-bottom: 10px;
}
.voteCol img {
    float: left;
}
.voteCol b.reputation {
    float: left;
    margin: 4px 5px 0 22px;
}

.votesCount {
    width: 109px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin-top: 51px;
    margin-left: 20px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #369;
    float: left;
}

.votesBox {
    width: 130px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    border-left: 1px solid #369;
}

.voteSelC {
    width: 20%;
    float: left;
    text-align: center;
}
.voteSelC table,
.voteSelC td {
    width: 100%;
}
.voteSelC td img {
    vertical-align: middle;
}
.voteTitle {
    font-size: 14px;
    padding: 20px 0 10px 0;
    float: left;
    width: 100%;
}
#voteArea textarea  { width: 100%; height: 40px; }

.voteLine,
.voteLineT {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 4px 0;
}
.voteLineT {
    font-weight: bold;
    background: #E7ECF5;
}

.voteEmitted {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}
.voteEmitted div.loading {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 30px 0;
}

.voteBarter {
    width: 576px;
    padding: 10px;
    float: left;
    border: 1px solid #ccc;
}

.vf1, .vf2, .vf3, .vf4 { float: left; }
.voteEmitted .voteLineT div { text-align: center; }
.voteEmitted .voteLine   { text-align: center; }

.vf1 { width: 50px; padding-right: 10px; padding-left: 10px; text-align: center; }
.vf2 { width: 300px; text-align: left; }
.vf3 { width: 100px; text-align: center; }
.vf4 { width: 120px; text-align: center; }
.voteEmitted .voteLine .vf1,
.voteEmitted .voteLine .vf3,
.voteEmitted .voteLine .vf4 {
    text-align: center;
}


/* Otros botones */

.bigBtn {
    padding: 14px 15px;
    text-align: center;
    border: 1px solid #888;
    cursor: pointer;
    float: left;
    font-size: 14px;
}
.bigBtn:hover {
    text-decoration: underline;
}

/**** PAGINA DE CONTACTO ***/

#contact_form textarea {
    width: 570px;
    height: 150px;
    padding: 10px;
}
#contact_form label {
    width: 190px;
    float: left;
    padding-right: 10px;
    text-align: right;
}

#contact_form input{
    width: 250px;
    float: left;
}
#contact_form select { width: 254px; }
#contact_form .errorMessage { margin-left: 200px; }
#contact_form .cusError .errorMessage { margin:0; }


#my_conflicts .center a {
    margin: 10px 14px 10px 15px;
    width: 98px;
    float: left;
    display: block;
}

/* Formulario de comentario */

#commentForm {
    padding: 10px;
    float: left;
}
#commentForm textarea {
    width: 560px;
    height: 50px;
    padding: 5px;
    margin-top: 5px;
}
#commentForm input {
    margin-top: 5px;
    text-align: center;
}

/*
    FORMULARIO DE GRUPO
*/
#group-form label,
#group-form input,
#group-form select 
{ 
    float: left;
}

#group-form label {
    width: auto;
}
#group-form .fldBox {
    width: 298px;
    float: left;
}
#group-form .fldBox label {
    width: 118px;
    font-weight: bold;
}

#group-form .select1 {
    width: 160px;
}
#group-form .select2 {
    width: 217px;
}
#group-form .field_group {
    margin: 0;
    padding: 3px;
    border-width: 1px;
}
#group-form .field_group div {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
}
#group-form #Group_description {
    width: 590px;
    height: 100px;
}
#group-form #Group_users {
    width: 590px;
}
#group-form .hint {
    font-size: 11px;
    color: #888;
}
#group-form input.submit  {
    float: right;
}
#group-form .simple .errorMessage {
    margin:0;
}

/* Formulario de blog */

#blog-form label {
    float: left;
    width: 100px;
    padding-right: 10px;
    font-weight: bold;
}

#blog-form .submit {
    float: right;
}
#blog-form .errorMessage {
    margin-left: 110px;
}

/* Formulario de b�squeda avanzada */

#advSearch {
}

.fdsSct {
    width: 190px;
    padding-right: 10px;
    float: left;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    color: #369;
}

.fdsCnt {
    width: 360px;
    float: left;
}

select.selSz1 {
    width: 123px;
}
select.selSz2 {
    width: 250px;
}


/* bookmarks */

.addthis_toolbox {
    text-align: center;
}
.addthis_toolbox a,
.addthis_link{
    margin: 0 5px;
    padding: 0;
}

/* Modificado por santi el 15/10/2010 */

.group_list .line {
    text-align: left;
    width: 556px;
    margin-left: 20px;
    margin-right: 20px;
}

div#message_box .textbox {
    width: 572px;
}