/*
Template name: TrocaPiso v.13.0
Release date: 2009-04-24
Updated on: 2010-04-22
Description: TrocaPiso style
Author: Javier Tejero
Author URI: http://www.trocapiso.com/
Comments: Some tips grabbed from http://matthewjamestaylor.com/blog/perfect-3-column.htm
*/

html {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

body {
    background: white;
    font: normal 0.9em Tahoma,Verdana,Arial,sans-serif;
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:0;            /* This removes the border around the viewport in old versions of IE */
    /*width:100%;*/
    min-width:1000px;    /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
    font-size:80%;
}


/* estándar para los enlaces */
a {
    color: red;
}
a:visited {
    color: red;
}
a:hover,active {
    color: red;
}

/* fil ariadna */
div.filariadna {
    padding:5px;border:0px solid #ccc;margin-top:5px;margin-bottom:5px;
    font-size:1.2em;
}
div.filariadna a.act {
    font-weight:bold;
    font-size:1.2em;
}


/* estándar para las tablas */
table {
    margin:5px;
    border-collapse: collapse;
    border-color: #ccc;
    border: 1px solid #ccc;
    color: black; /* black for text in tables */
}

th {
    background: #eee;
    border: 1px solid #ccc;
    font-weight: bold; /* pretty standard */
}

td {
/*    background: white;*/
    border: 1px solid #ccc;
    font-weight: normal; /* pretty standard */
}

/* tablas sin margenes ni bordes */
table.squeezetable {
    margin:0px;border:0;
}
table.squeezetable tr, table.squeezetable tr td{
    vertical-align:top;
    margin:0px;border:3;
}


div.header {
    background: #000;
    color: #F00;
    height:90px;
    width:100%;
    overflow:hidden;
}

/* Header links */
.header a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    /*border-bottom: 1px solid #FFF;*/
}
.header a:visited {
    color: #FFF;
    text-decoration: none;
}

.header a:active {
    color: red;
}

.header table {
    border:0;
    padding:0;
}

.header table td {
    border:0;
    padding:0;
}

div.header_right {
    display:block;
    float:left;
    text-align:right;
    background:black;
    margin:0;padding:0;
}
div.vinyeta_img {
    margin:0;
    margin-left:0;
    margin-top:0px;
    margin-bottom:0;
    padding-top:3px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:8px;
    text-align:left;
   /* line-height:44px;*/
    height:44px;
    width:30em; /*580px*/
    background:transparent;
    color: white;
    font-size:1.7em;
    font-weight:bold;
}
#reymambo {color:red;float:right;text-align:right;font-size:1em;font-weight:bold}
#herrcomprador {font-size:1.2em;margin-top:0.3em;margin-right:1em;float:left;}

div.trocadiv {
    position:relative;
    top:0px;
    height:0px;
    float:right;
}

#troca_help {
    height:80px;
    /*float:right; margin-left: 1em;*/
    cursor: cross;
}
.notroca_help {
    /*border: 1px solid grey;*/
    cursor: pointer;
}


div.header-logo {float:left;display:block;width:300px;}
div.header-logo a {text-decoration:none;}
div.header-logo a:visited {text-decoration:none;}
div.header-logo img {border:0px;padding:5px 15px 15px 22px;} /* opcional: margin-left:10px;margin-top:10px; */
div.header-logo h1 {display:block;position:relative;top:-25px;/*left:20px;*/color:white;font-size:1.3em;margin:0;padding:0px 0px 0px 3em;}

div.link_menu_user {background:red;border:1px solid black;position:relative;top:-8px;height:5px;text-align:right;padding:0;padding-right:0px;margin:0;color:white;}
div._link_menu_user a {/*display:inline;height:0.9em;*/padding:0;margin:0;text-decoration:underline;color:white;}
div._link_menu_user a:visited,active {text-decoration:underline;color:white;}
div._link_menu_user a:hover {text-decoration:underline;}


div.link_menu_main {
  position:relative;
  top:0px; /*OPCIONAL: -13px para subirlo hacia arriba */
/*background-image: url(trokimg/shdw2.png);
  background-repeat: repeat-x;*/
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 45px;
  /*border-bottom:2px solid black;*/
  background-color:black;/*Nicegray - #444;*/
  border:0px solid red;
  border-bottom:0px solid black;
}
div.link_menu_main ul {
 display:block;
 top:0px;left:0px;
 margin:0;padding:0;
 margin-left:95px;
 height:45px;
 border-bottom:0px solid black;
}
div.link_menu_main li {
 display:block;float:left;z-index:1;
 height:45px; /* + 10px shadow */
 background-image: url(trokimg/tabs/darkgray-l2.png);
 background-repeat: no-repeat;
 padding-left:2.2em;
 padding-right:0;
 padding-top:0px;
 padding-bottom:0px;
 margin:0;
 margin-left:-2em;
 margin-right:1em;
 position:relative;
 left:0px;
 top:0px; /* - 10px shadow */
 /*border-right:2px solid black;*/
border:0px solid red;
}
div.link_menu_main li.registrarse {
 background-image: url(trokimg/tabs/red-l.png);
}
div.link_menu_main li.portada a,div.link_menu_main li.portada a:visited,
div.link_menu_main li.portada a:active, div.link_menu_main li.portada a:hover {
 color:black;
}
div.link_menu_main li.portada {
 background-image: url(trokimg/tabs/gray-l.png);
}
div.link_menu_main li.portada div.drchapstny {
 display:none;
}
body#iniciosesion div.link_menu_main li.portada div.drchapstny {
 display:none;
}
/*div.link_menu_main li.userpl {
 background-color:red;
 background-image:none;
 height:30px;margin-top:11px;
 width:45%;
}*/

body#iniciosesion div#menushadow-end, body#miperfil div#menushadow-end {
display:none;
}
body#iniciosesion div#menushadow {
width:850px;
}
body#miperfil div#menushadow {
width:629px;
}
body#iniciosesion div.userpl,body#miperfil div.userpl {
 top:10px;
 border-top:1px solid #8c8c8c;
 background:#fff;
}

div.userpl {
 position:absolute;cursor:pointer;
 /*float:left;top:-24px;left:-13px;*/
 left:0%;top:9px;z-index:0;
 text-align:right;
 margin:0;padding:0;padding-top:6px;
 border-top:1px solid #9a9a9a;
 background:#c0c0c0; /* ie7 & ie8 --> bababa or b9b9b9 cause it darkens the pngs*/
 width:100%;height:35px;
}
/* userpl2 = panel negro que hace de fondo de pestañas y sobre todo tapa el userpl (userpanel) que ocupa todo el ancho de la pág. */
div.userpl2 { 
 position:absolute;
 top:0px;
 z-index:0;
 background-color:black;
 width:870px;height:45px;
}
div.userpl2_auth {
 position:absolute;
 top:0px;
 z-index:0;
 background-color:black;
 width:670px;height:45px;
}
div.link_menu_main li a:active,div.link_menu_main li a:visited {
 color:white;
}
div.link_menu_main li a:hover {
 text-decoration:underline;
 color:white;
}
div.link_menu_main li a {
 display:block;
 min-width:7em;text-align:center;
 top:0;
 height:34px; /* + 10px shadow */
 color:white;
 font-size:1.1em;
 font-weight:bold;
 /*font-family:"Calibri","Verdana";*/ 
 /*background-color:#b3b3b3;*/
 background-color:transparent;
 padding-right:0.5em;
 padding-left:1.2em;
 padding-top:15px;
 padding-bottom:0px;
 text-decoration:none;
 /*border-right:2px solid black; / * opcional */
}
body#mercado_trueques li.mercado a:active, /* menu */
body#mercado_compras li.mercado a:active,
body#mercado_ventas li.mercado a:active,
body#mercado_trueques li.s_trueques a:active, /* submenu */
body#mercado_compras li.s_compras a:active,
body#mercado_ventas li.s_ventas a:active,
body#compras li.compras a:active, /* menu */
body#comprasb li.comprasb a:active, /* menu */
body#comprast li.comprast a:active, /* menu */
body#ventas li.ventas a:active,
body#iniciosesion li.iniciosesion a:active {
 color:black;
}
body#mercado_trueques li.mercado a:visited, /* menu */
body#mercado_compras li.mercado a:visited,
body#mercado_ventas li.mercado a:visited,
body#mercado_trueques li.s_trueques a:visited, /* submenu */
body#mercado_compras li.s_compras a:visited,
body#mercado_ventas li.s_ventas a:visited,
body#compras li.compras a:visited, /* menu */
body#comprasb li.comprasb a:visited, /* menu */
body#comprast li.comprast a:visited, /* menu */
body#ventas li.ventas a:visited,
body#iniciosesion li.iniciosesion a:visited{
 color:black;
}
body#mercado_trueques li.mercado a, /* menu */
body#mercado_compras li.mercado a,
body#mercado_ventas li.mercado a,
body#mercado_trueques li.s_trueques a, /* submenu */
body#mercado_compras li.s_compras a,
body#mercado_ventas li.s_ventas a,
body#compras li.compras a, /* menu */
body#comprasb li.comprasb a, /* menu */
body#comprast li.comprast a, /* menu */
body#ventas li.ventas a,
body#iniciosesion li.iniciosesion a{
 color:black;
}
body#mercado_trueques li.mercado, /* menu */
body#mercado_compras li.mercado,
body#mercado_ventas li.mercado {
 background-image: url(trokimg/tabs/lightgray-l.png);
 z-index: 3;
 top:1px;/* - 10px shadow */
}
body#mercado_trueques li.s_trueques, /* submenu */
body#mercado_compras li.s_compras,
body#mercado_ventas li.s_ventas,
body#compras li.compras, /* menu */
body#comprasb li.comprasb, /* menu */
body#comprast li.comprast, /* menu */
body#ventas li.ventas,
body#iniciosesion li.iniciosesion,
body#miperfil li.portada {
 background-image: url(trokimg/tabs/white-l.png);
 z-index: 3;
 top:1px;/* - 10px shadow */
}
body#registrarse li.registrarse {
 background-image: url(trokimg/tabs/red-l.png);
 z-index: 3;
 top:1px;/* - 10px shadow */
}
div.drchapstny {
 display:block;
 position:absolute;
 top:0px;
 right:-11px;
 height:45px;
 width:11px;
 background-color:transparent;
 background-image:url(trokimg/tabs/darkgray-r2.png);
 border-bottom:0px solid red;
}
body#mercado_trueques li.mercado div.drchapstny,
body#mercado_compras li.mercado div.drchapstny,
body#mercado_ventas li.mercado div.drchapstny {
 display:block;
 position:absolute;
 top:0px;
 right:-11px;
 height:45px;
 width:11px;
 background-color:transparent;
 background-image:url(trokimg/tabs/lightgray-r.png);
 border-bottom:0px solid red;
}
body#mercado_trueques li.s_trueques div.drchapstny,
body#mercado_compras  li.s_compras div.drchapstny,
body#mercado_ventas   li.s_ventas div.drchapstny,
body#compras li.compras div.drchapstny,
body#comprasb li.comprasb div.drchapstny,
body#comprast li.comprast div.drchapstny,
body#ventas li.ventas div.drchapstny,
body#iniciosesion li.iniciosesion div.drchapstny{
 display:block;
 position:absolute;
 top:0px;
 right:-11px;
 height:45px;
 width:11px;
 background-color:transparent;
 background-image:url(trokimg/tabs/white-r.png);
 border-bottom:0px solid red;
}
body#registrarse li.registrarse div.drchapstny {
 display:block;
 position:absolute;
 top:0px;
 right:-11px;
 height:45px;
 width:11px;
 background-color:transparent;
 background-image:url(trokimg/tabs/red-r.png);
 border-bottom:0px solid red;
}
div.link_menu_main li.registrarse div.drchapstny {
 background-image:url(trokimg/tabs/red-r.png);
}
body#busco_tab_selected li.tabbusco a {
 /*border-right:2px solid black;*/
}
div#menushadow {
 display:block;
 position:absolute;
 top:37px;
 left:0px;
 height:8px;
 width:99%;
 z-index:2;
 background-color:transparent;
 background-image:url(trokimg/tabs/shdwpg.png);
 background-repeat: repeat-x;
}
div#menushadow-end {
 display:block;
 position:absolute;
 top:37px;
 left:99%;
 height:8px;
 width:1%;
 z-index:2;
 background-image:url(trokimg/tabs/shdwpg-r.png);
 background-repeat:no-repeat;
}
/* Submenu... */
div.link_submenu {clear:both;
  position:relative;
  top:0px;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 45px;
  /*border-bottom:2px solid black;*/
  background-color:#e6e6e6;/*Nicegray - #444;*/
  border:0px solid red;
  border-bottom:0px solid black;
}
div.link_submenu ul {
  margin-left:30px;
}
div.link_submenu li a {
  font-size:1.1em;
}


/******* bof my 2 column style partly working *******/
/*"columna" de contenido principal */
div.content {
    /*display:block;margin-left:auto; margin-right:auto;width:1024px;*/ /* esto centraría el contenido, pero como el resto aprovecha al 100% esto es incompatible */
    /*display:block;*/
    float:left; /* div.left_column es la pareja */
    width: 84%; /*800 * .85 = 680 mín. asegurado (200px width max / foto si queremos 3 fotos)*/
    background: white;
    /*color: #000; main text color */
    padding: 5px 0px 5px 10px; /* top right bottom left*/
    margin: 0px 0px 0px 0px;
}

/* si necesitamos una columna a la izquierda para alguna página, podemos usar esta clase: tendremos que reducir las otras columnas (o dinámicamente via javascript, o bien estáticamente cambiando de css o dynamic css serverside)
   en este caso, mejor VER comments (the perfect 3 column css file)*/
div.left_column {
    display:block;
    width:13%;
    float:left; /* div.content es la pareja */
    background: green;
}

/* si necesitamos una columna a la derecha para publicidad, podemos usar esto (la usaríamos en base.html) */
div.right_column {
    /*position:absolute;*/
    /*height:100%;  no funciona en IE 5 */
    /*right:1px;*/
    border-left: 0px solid black;
    padding: 3px 3px 3px 3px; /* top right bottom left*/
    margin: 0px 0px 0px 0px;
    float:right; /* div.content es la pareja */
    width:14%;
    overflow:hidden; /* prevent horizontal scrolling - caution with contents! */
    background: black;
    color:white;
    font-weight: bold;
    /*z-index:-1;*/
}

div.footer {
    background: white;
    border-top: 2px solid gray;
    text-align: right;
    color: #777;
    padding-right:15px;
    clear: both; /* esto "resetea" el float effect, así que a partir de este todo estará en 1 col.*/
    /*start absolute positioning */
    /*position:absolute;
    bottom:-1px;
    width:100%;*/
    /*end absolute positioning */
}
/******* eof my 2 column style partly working *******/

/********* bof Holy Grail (3 columns) - should be in a separated file when needed*********/
/* column container */
.colmask {
    position:relative;    /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;            /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;            /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;    /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:black;        /* right column background colour */
}
.threecol .colmid {
    right:20%;            /* width of the right column (20%)*/
    background:#fff;        /* center column background colour */
}
.threecol .colleft {
    right:70%;            /* width of the middle column (70%) */
    background:#eee;    /* left column background colour */
    border-right:1px solid #ccc;
}
.threecol .col1 {
    width:66%;            /* width of center column content (column width minus padding on either side) 70-4 = 66% */
    left:102%;            /* 100% plus left padding of center column */
}
.threecol .col2 {
    width:10%;            /* Width of left column content (column width minus padding on either side) 10-0=10 */
    left:24%;             /* width of (right column=20) plus (center column left and right padding=4) plus (left column left padding=0) = 24 */
    color:red;
}
.threecol .col3 {
    float:left;
    width:16%;            /* Width of right column content (column width minus padding on either side) */
    left:96%;            /* Please make note of the brackets here:
                    (100% - left column width 10=90) plus (center column left and right padding=4) plus (left column left and right padding=0) plus (right column left padding=2) */
    color:red;
    font-weight:bold;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:2px solid red;
    background:black;
}
#footer p {
    padding:10px;
    margin:0;
}


/********* eof Holy Grail *********/

/********* bof Holy Grail 1st column hidden, second column reduced *********/
/* column container */
.colmask {
    position:relative;    /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;            /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;            /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;    /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:black;        /* right column background colour */
}
.threecol .colmid {
    right:0%;            /* width of the right column (20%)*/
    background:#fff;        /* center column background colour */
}
.threecol .colleft {
    right:100%;            /* width of the middle column (70%) */
    background:#eee;    /* left column background colour */
    border-right:1px solid #ccc;
}
.threecol .col1 {
    width:98%;            /* width of center column content (column width minus padding on either side) 90-4 = 86% */
    left:101%;            /* 100% plus left padding of center column */
}
.threecol .col2 {
display:none; /*hidden column*/
    width:0%;            /* Width of left column content (column width minus padding on either side) 10-0=10 */
    left:2%;             /* width of (right column=10) plus (center column left and right padding=2) plus (left column left padding=0) = 12 */
    color:red;
}
.threecol .col3 {
display:none; /*hidden column*/

    float:left;
    width:0%;            /* Width of right column content (column width minus padding on either side) 10-1=9 */
    left:102%;            /* Please make note of the brackets here:
                    (100% - left column width 0=100) plus (center column left and right padding=2) plus (left column left and right padding=0) plus (right column left padding=0.5) */
    color:red;
    font-weight:bold;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:2px solid red;
    background:black;
}
#footer p {
    padding:10px;
    margin:0;
}


/********* eof Holy Grail *********/




ul.cool
{
list-style-type: lower-roman;
color: red;
}

h1,h2,h3 {
 padding: 5px 5px 5px 5px;
 margin:0;
}

h3 {
    font-size:1.5em;
}


/** Estilos para la Relación de Trueques (trocabuscador) **/

/* Notas: Una primera versión usando borders en TR funcionaba bien en Webkit y Mozilla, pero no Trident.
          Por tanto, es necesario olvidarse de las facilidades del formateo en TR durante unos años si queremos
          que se vea bien en IE (lo lógico en la mayoría de websites para el público en general)
          Esto nos obliga a definir los bordes a nivel de celda. Genera más HTML pero tenemos más control
          sobre cada celda.
          Border-collapse:separate es mejor ya que evita muchos bugs de renderización y da más flexibiliadd.
          Para lograr un efecto similar hay que reducir border-spacing a 0px cuando sea necesario */


div.trocabuscador {
    min-height:420px; /*nos aseguramos que hay suficiente altura para mostrar los popups para los filtros y el asistente, además damos un aspecto de altura mínima que queda bien a 1024x768; si no, al mostrar 1 sóla fila la tabla central queda ridícula y el pie de página se sube demasiado*/
    /*overflow:auto;*/
}

#div_js_alert{
clear:both;
display:block;background:white;border:2px solid red;color:red;position:absolute;top:0px;z-index:1;
font-size:0.8em;
}

.JS #div_js_alert{display:none;}
.JS .hideButtonOnJS{display:none;}


.fbsbcont {clear:both;display:block;font-size:0.8em;color:gray;}
.fbsw {position:relative;z-index:999;display:block;clear:both;}
.hidefsb {display:none;}
.acr_show_photo {cursor:pointer;}
.fotoinm_cs { border:1px dotted gray;padding:5px;padding-bottom:15px;}
#ajaxwait {float:right;color:black;margin:10px;}
#ajax_ok {float:right;color:black;margin:10px;}
.ajaxwait {display:none;}


table.trocabuscador {
 width:99%;
 /*border: 2px solid black; */ /* si hacemos collapse=separate, no tiene sentido*/
 border: 0;
 /*border-collapse: collapse; - looks better in IE with empty cells, but kills rounded borders */
 border-collapse: separate;

 empty-cells: show; /* applies only when border-collapse = separate */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-spacing: 0px; /*default : this is like cellspacing */

}

table.trocabuscador td {
 vertical-align: middle;
 text-align: center;
 height:100%;
 /*background:#fafafa;*//* No definir nada en esta clase, para permitir el efecto hover en TD. Multiclass issue*/
 /*color: #322;*/
 /*padding: 0;
 margin: 0;
 margin-bottom: 2px;*/
}

table.trocabuscador td.rightCell,table.trocabuscador th.rightCell {
    text-align:right;
    padding-right: 10px;
}

table.trocabuscador td.precioCell {
    font-weight:bold;
    text-align:right;
    padding-right: 10px;
}

table.trocabuscador th.precioCell {
    text-align:right;
    padding-right: 10px;
}

table.trocabuscador td.leftCell {
    font-weight:normal;
    text-align:left;
    padding-left: 10px;
}

table.trocabuscador th.leftCell {
    text-align:left;
    padding-left: 10px;
}


table.trocabuscador td:hover {
    cursor: pointer;
}

img.FotoInmuebleList {
border: 1px solid #ccc;
}

table.trocabuscador th {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    border-right: 1px solid #999;
    border-left: 0px solid #999;
    /*background:white;*/
    color:black;
}

table.trocabuscador th a {
    font-weight:bold;
    font-size:0.9em;
}
table.trocabuscador th a.sortAsc {
    font-style:normal; /* italic */
    display:block;
    padding-top:0.6em; /* 0.3 ó 0.5 sii font-size == 0.9em */
    height:2em;      /* 1.7 ó 2.0 */
    background: url('/css/trokimg/s_asc.png') no-repeat center bottom;
}
table.trocabuscador th a.sortAsc:hover {
    background: url('/css/trokimg/s_desc.png') no-repeat center top;
}
table.trocabuscador th a.sortDesc {
    font-style:normal; /* italic */
    display:block;
    padding-top:0.6em;
    height:2em;
    background: url('/css/trokimg/s_desc.png') no-repeat center top;
}
table.trocabuscador th a.sortDesc:hover {
    background: url('/css/trokimg/s_asc.png') no-repeat center bottom;
}



table.trocabuscador th.right {
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    border-left: 0px;
    border-bottom: 2px solid #999;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
}

table.trocabuscador th.left {
    border-top: 2px solid #999;
    border-right: 1px solid #999;
    border-left: 2px solid #999;
    border-bottom: 2px solid #999;
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
}

table.trocabuscador th.topHeader {
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-right: 2px solid #999;
    border-bottom: 0px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

}

table.trocabuscador th.leftSide {
    vertical-align: top;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-right: 0px solid white;
    border-bottom: 0px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
/*  border-top-left-radius: 5px;*/
}

table.trocabuscador th.rightSide {
    vertical-align: top;
    border-right: 2px solid #999;
    border-top: 2px solid #999;
    border-left: 0px solid #999;
    border-bottom: 0px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
/*  border-top-right-radius: 5px;*/
}

table.trocabuscador th.bothSides {
    vertical-align: top;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-right: 2px solid #999;
    border-bottom: 0px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
/*  border-top-right-radius: 5px;*/
}

table.trocabuscador th.leftSideDivide {
   border-right: 1px solid #ccc;
}
table.trocabuscador th.rightSideDivide {
   border-left: 1px solid #ccc;
}


table.trocabuscador th.centroH_D {
    border-right: 1px solid #ccc;
}

table.trocabuscador th.centroH_I {
    border-left: 1px solid #ccc;
}

table.trocabuscador th.centroH_I_D {
    border-right:0px;
}

tr.groupInmueble td.inmueble {
    border-top:    1px solid #ccc;
    border-left:   0px; /* only right */
    border-right:  0px dashed black;
    border-bottom: 1px solid #ccc;
}

tr.groupInmueble td.inmuebleCentroI {
    border-top:    1px solid #ccc;
    border-left:   0px; /* only right */
    border-right:  1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


tr.groupInmueble td.inmuebleCentroD {
    border-top:    1px solid #ccc;
    border-left:   1px solid #ccc;
    border-right:  0px;
    border-bottom: 1px solid #ccc;
}

tr.groupInmueble td.inmuebleDcha {
    border-top:    1px solid #ccc;
    border-left:   0px; /* only right */
    border-right:  2px solid #ccc;
    border-bottom: 1px solid #ccc;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
/*         border-top-right-radius: 5px;*/
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
/*         border-bottom-right-radius: 5px;*/
}

/* se usa cuando los inmuebles están a la Izquierda (pivot) */
tr.groupInmueble td.inmuebleIzq {
    border-top:    1px solid #ccc;
    border-left:   2px solid #ccc;
    border-right:  0px dashed black;
    border-bottom: 1px solid #ccc;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
/*         border-top-left-radius: 5px;*/
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
/*         border-bottom-left-radius: 5px;*/
}

/* tr borders no funcionan en IE */
/*
tr.rowsTrueque {
    border-left:   2px solid black;
    border-right:  2px solid black;
}
*/

tr.rowsTrueque td {
    border-top:    0px; /* bottom only */
    border-left:   0px; /* only right */
    border-right:  0px dashed black;
    border-bottom: 1px dashed #f2f2f2; /* suggestion: 1px dashed gray;*/
}

tr.rowsTrueque td.truequeIzq {
    border-left: 2px solid #ccc;
    border-right: 0px dashed black;
}

tr.rowsTrueque td.truequeDcha {
    border-left: 0px;
    border-right: 2px solid #ccc;
}



td.truequeFirst {
    border-top: 1px solid #ccc;
    border-left:  0;  /* only right */
    border-right:  0px dashed black;
    border-bottom: 1px dashed #f2f2f2; /* suggestion: 1px dashed gray;*/
}

td.truequeFirstIzq {
    border-right:  0px dashed black;
    border-bottom: 1px dashed #f2f2f2; /* suggestion: 1px dashed gray;*/
    border-top: 1px solid #ccc;
    border-left: 2px solid #ccc;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
/*         border-top-left-radius: 5px;*/
}

td.truequeFirstDcha {
    border-top: 1px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 0px;
    border-bottom: 1px dashed #f2f2f2; /* suggestion: 1px dashed gray;*/
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
/*         border-top-right-radius: 5px;*/
}


/* los borders en tr no funcionan en IE, así que realmente usamos
   el de abajo. La clase está a nivel de TR para ahorrar código html (arriba no se puede
   ya que el TR está dividido en 2 tipos de clase, inmueble y busco, pero aquí solo
   tenemos busco) */
tr.rowsTruequeLast {
    /*border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black; */
}

/* reemplaza el efecto del anterior */
tr.rowsTruequeLast td {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px dashed black;
    border-bottom: 1px solid #ccc;
}

tr.rowsTruequeLast td.truequeIzq {
    border-top: 0px;
    border-left: 2px solid #ccc;
    border-right: 0px dashed black;
    border-bottom: 1px solid #ccc;
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
/*         border-bottom-left-radius: 5px;*/
}

tr.rowsTruequeLast td.truequeDcha {
    border-top: 0px;
    border-left: 0px;
    border-right: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
/*         border-bottom-right-radius: 5px;*/
}

table.trocabuscador tfoot tr td {
    /*border-left:   2px solid #900;*/
    background: white;
    text-align: center;
    border-top:  2px solid #eee;
    border-left: 2px solid #eee;
    border-right:  2px solid #eee;
    border-bottom: 2px solid #eee;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
/*         border-radius: 5px;*/
}



.pivot {
    float:left;
    position:relative;
    left:-13px;
    top:0px;
    margin:0;
    padding:0;
    /*border: 1px solid red;*/
    /*background: url('/css/trokimg/swap.png') no-repeat;*/
}

.pivotSwap {
    float:left;
    position:relative;
    left:-20px;
    top:0px;
    margin:0;
    padding:0;
    /*border: 1px solid red;*/
    /*background: url('/css/trokimg/swap.png') no-repeat;*/
}

#pivot img {
    border:0;
    margin:0;
    padding:0;
}

/* filtrar forms... */
.filtrarHidden {
    display:none;
}
.filtrarMiddle { /* TODO: en IE 7 No funciona bien cuando el scroll está en top!¿?¿? :(*/
    position:absolute;
    z-index: 0;
    top: 0%;
    left: 30%;
    height: 200px;
    position:fixed; /* fix for IE */
}
#bgFadeOut {
    position:fixed;
    _position:absolute;  /*hack for ie6*/
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: black;
    z-index: 100;
    display:none;
}


.filtrarPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for ie6*/
    /*height:20em;
    width:25em;
    margin:auto;*/
    background:white;
    border:2px solid gray;
    z-index:200;
    padding:12px;
}

#filtrarInmueble_old{
    display:none;
    position:fixed;
    _position:absolute; /* hack for ie6*/
    /*height:20em;
    width:25em;
    margin:auto;*/
    background:black;
    border:2px solid gray;
    z-index:200;
    padding:12px;
}
#filtrarBusco_old{
    display:none;
    position:fixed;
    _position:absolute; /* hack for ie6*/
    /*height:20em;
    width:25em;
    height:384px;
    width:408px;*/
    background:black;
    border:2px solid gray;
    z-index:200;
    padding:12px;
}



a.fakeLink {position:relative;top:-2px;font-size:0.9em;}
a.fakeLink:visited {position:relative;top:-2px;font-size:0.9em;}

span.small_text {
    font-size:0.6em;font-weight:normal;position:relative;top:-1px;
}

span.small_text a.fakeLink{
    font-size:0.6em;font-weight:normal;position:relative;top:-1px;
}


.fakeLink {
position:relative;top:-2px;font-size:0.9em;
   text-align:center;
   font-style:normal;text-decoration:underline;
}
.fakeLink:hover {
/*   text-decoration:none;*/
   cursor:pointer;
}
.fakeLinkClose {
   text-align:center;
   font-style:normal;text-decoration:underline;
}
.fakeLinkClose:hover {
/*   text-decoration:none;*/
   cursor:cross;
}

div.texto_ayuda {
    display:none;
    padding:5px;
    border: 1px solid gray;
    color: white;
    font-size:1em;
}

.FichaInmueble {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border: 0px;
    padding:2px;
    font-size: 1em;
    border-collapse: collapse;
    background: white;
}

.FichaInmueble th {
    border:0px;
    text-align: left;
    padding: 2px;
    background: white;
    vertical-align: top;
}
.FichaInmueble th h2{
    text-align: left;
    padding-left: 4%;
}

th.FichaInmuebleSubhead {
    border:0;
 /*   border-left: 0px solid black;*/
 /*   border-top: 1px solid black;*/
 /*   border-bottom: 1px solid black;*/
    padding: 0px;
    padding-left: 0.5em;

    text-align:left;
}
th.FichaInmuebleFotos {
    text-align:center;background:white;
    padding: 0px;
    color:black;
    vertical-align:middle;
}
th.FichaInmuebleFotos table {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    border:0;
    border-collapse:separate;
    border-spacing:2px;
}
th.FichaInmuebleFotos td {
    background:white;
    border:0;
    padding:1px;
    /*padding-right:5px;padding-left:5px;*/
}
th.FichaInmuebleFotos td img {
    border:1px solid #ccc;
    background:white;
    padding:2px 2px 2px 2px;
}

.FichaInmueble td {
    border:0;
    border-bottom: 0px solid #ccc;
    border-left: 0px solid black;
    font-size: 1.0em;
    color: black;
    background: white;
}
.FichaInmueble td.FichaInmuebleSubcell {
    border:0;
    padding: 0px;
    padding-left: 0.5em;
    font-size: 1.0em;
    text-align:left;
    /*width:100%;*/
}

td.pijama {
 background:white;/*background:#ff0000;- disabled background pijama (por peticion de Pere y porque entra en conflicto con lineactivatd ) */
 color: #223; /* pijama on text color */
}

.lineactivatd {
    background:#ddd;
    color: black;
    /*cursor:pointer;*/
}
.lineactivatdbusco {
    background:#ddd; /* #aaa para dar un efecto distinto a la columna busco */
    color: black;
    /*cursor:pointer;*/
}


tr.linea-activa td {
    background: #ddd; /* #999 para dar un efecto distinto... *//* Transparency: rgba(0,0,0,0.1); we need something behind of course */
    color: black;
    cursor:pointer;
}

td.pijamaActivo {
 background:#ddd;
 color: black; /* pijama on text color */
}

td.pijamaActivoBusco {
 background:#ddd;
 color: black; /* pijama on text color */
}



/* pot ser cal afegir overflow o assegurar que amb IE a 1024x768 no queda desplaçat un
   bloc de l'altre */

div.FichaTruequeContainer {
 float:left;
 height:100%;
 overflow:hidden;
 padding:0;

 border-left:0px solid #ccc;
 border-top:0px solid #ccc;
 border-bottom: 0px solid #ccc;
}
div.FichaTruequeContainerWidth {
 width:44.6%;
}
div.FichaInmuebleContainerWidth {
 width:54.66%;
}
div.FichaInmuebleContainer {
 float:right;

 height:100%;
 overflow:hidden;
 padding:0;
 border-right:0px solid #ccc;
 border-top:0px solid #ccc;
 border-bottom: 0px solid #ccc;
}

.FichaTruequeBg {
    /*float:center;
    overflow:hidden;
    height:100%;
    width:0.2%;*/

    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
    padding:0;
}


table.FichaInmueble th.OtrasPropuestas {
    width: 15%;
    border-left: 0px solid red;
}
table.FichaInmueble th.OtrasPropuestas h2 {
    padding-left: 1%;
    font-size: 0.9em;
}
table.TablaRojaTop {
    border-top:5px solid red;
}
table.TablaNegraTop {
    border-top:5px solid black;
}
th.RojaBottom {
    border-bottom:2px solid red;
}
th.NegraBottom {
    border-bottom:2px solid black;
}

table.FichaInmueble td.FichaInmuebleInts {
    width:4em;
    text-align:center;
}

th.LlaveNegra {
 background-image: url('trokimg/llave_negra.png'); /* repeat-y right center;*/
 background-origin: border;
 background-size:10%;
 background-repeat: no-repeat;
 background-position: right center;
 vertical-align:middle;
 padding-right:2em;
 padding-top:1px;
 margin:1px;
 width:10px;
}

h3.TextoAyudame {
 font-style:normal;
 font-size:1.7em;
 padding-bottom:0;
}

/* container flotante alineado a la derecha durante la edición
   de un inmueble, junto a hilo de ariadna (aka breadcrumbs) */
div.FotoInmuebleEdicion {
    float:right;
}

/* Button container */
div.button {
/*    display: block;*/
    text-decoration:none;
    text-align: left;
    background: #808080;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    padding-top:6px;
    padding-bottom:6px;
}
div.buttonL {
    display: block;
    position:relative;
    width:110px;
    top:0px;
    right:0px;
    text-decoration:none;
    text-align: center;
    background: #999;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    padding:5px;
}
div.buttonL:hover {
    background: black;
    color: white;
}
div.buttonL:hover a {
    background: black;
    color: white;
}

div.button a {
    /*border:1px solid #ccc;*/
    color: white;
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin:2px;
    margin-top:5px;
    margin-left:10px;
    top:3px;
    background: gray;
}
div.button a:visited,active {
    text-decoration:underline;
    color: white;
}

div.button a:hover {
    text-decoration:underline;
    color: white;
    background: black;
    /*border:1px solid red;*/
}
div.buttonL a {
    background: #999;
    /*border:1px solid #ccc;*/
    color: white;
    padding-right:10px;
    padding-left:10px;
    padding-top:auto;
    padding-bottom:auto;
    margin:2px;
    margin-top:auto;
    margin-left:auto;
    top:3px;
}
div.buttonL a:visited,active {
    text-decoration:underline;
    color: white;
}

div.buttonL a:hover {
    text-decoration:underline;
    color: white;
    /*border:1px solid red;*/
}


/* Old style buttons... (see new above) */
a.button {
    display: block;
    text-decoration:none;
    text-align: center;
    background: gray;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    border:2px solid #ccc;
    padding:0;
}

a.button:visited,active {
    display: block;
    text-decoration:none;
    background: gray;
    color: white;
    font-weight: bold;
    border:2px solid #ccc;
}

a.button:hover {
    display: block;
    text-decoration:none;
    background: black;
    color: white;
    font-weight: bold;
    border:2px solid #ccc;
}

.center_title {
    text-align:center;
}

#popup_filtrarInmuebleBusco {
    font-size:0.9em;
    font-weight:normal;
}
#popup_filtrarBusco {
    font-size:0.9em;
    font-weight:normal;
}


/* Detalle Trueque : Inmueble + Busco | v.2.0 */
/*
table.trueque_detalle {
margin:0;
 margin-left:5px;
 border-collapse:collapse;
 border:0;
 vertical-align:top;
 position:relative;
 z-index:2;
}
table.trueque_detalle_i {
     width:98%;
}
table.trueque_detalle_b {
     width:70%;
}

table.trueque_detalle tr,td,th {
margin:0;
 border:0;
 vertical-align:top;
}


th.trueque_busco {
margin:0;
 background:none;
 border:1px solid red;
 border-right:0px;
 border-bottom:0px;
 width:3%;
}

td.trueque_busco {
margin:0;
 border:1px solid red;
 border-left:0px;
 border-bottom:0px;

 width:40%;
}

th.trueque_inmueble {
margin:0;
 background:none;
 border:1px solid black;
 border-right:0px;
 border-bottom:0px;
 width:3%;
}
td.trueque_inmueble {
margin:0;
 border:1px solid black;
 border-left:0px;
 border-bottom:0px;
 width:40%;
}

td.trueque_inmueble_extiende {
margin:0;
 border:1px solid black;
 border-bottom:0px;
 border-top:0px;
 background:white; / * se superpone al div de abajo * /
}

td.trueque_busco_extiende {
margin:0;
 border:1px solid red;
 border-bottom:0px;
 border-top:0px;
 background:white; / * se superpone al div de abajo * /
}



div.trueque_ficha_inmueble {
 border:1px solid black;
 margin:0;
 margin-left:4px;
 position:relative;
 background:white;
 width:98.5%;
 top:-2px;
 z-index:1;
}

div.trueque_ficha_busco {
 border:1px solid red;
 margin:0;
 margin-left:4px;
 position:relative;
 background:white;
 width:98.5%;
 top:-2px;
 z-index:1;
}


*/

div.toprightlinks_trueque {
 position:relative;top:-2em;margin:0;padding:0;margin-right:20px;text-align:right;height:0px;
}


hr {border:0;border-top:1px solid #ccc;height:0px;
    position:relative;
    left:0;top:-6px;
    margin:0;padding:0;
    margin-bottom:0px;
}

table.ficha_inmueble_container {
 border:0;
 margin:0;
 margin-left:1px; /* required in FF to see left border, bug with 3 column layout*/
 width:98%;
}

table.ficha_inmueble_container td,table.ficha_inmueble_container th,table.ficha_inmueble_container tr {
 border:0;
 margin:0;
 vertical-align:top;
 text-align:left;
 background:none;
}


table.ficha_inmueble_header {
 font-size:1.2em;
}
table.ficha_inmueble_header th {
 text-align:center;
 width:10%;
 padding-left:10px;
 padding-right:5px;
}

/* Django errors in forms */

ul.errorlist {
    font-size:1.1em;
    color: #990000;
    border: 2px solid red;
    background: #ffeeee;
}

.center_content {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.img_foot {
  font-size:0.8em;
  color:#999;
}

.estado_publicacion {
  border: 2px solid red;
  background: #ffffbb;
  font-size: 1.2em;
  color: black;
  margin:5px;
  padding: 4px;
  font-weight: bold;
}

.estado_publicacion span.motivo {
  color: red;
  font-size: 1.3em;
  font-weight: bold;
}

.estado_publicacion span.aprobado {
  color: green;
  font-size: 1.3em;
  font-weight: bold;
}

span.TextoFiltroTrocabuscador {
  font-weight:normal;
  color:#888;
}


/* h1-main-head-s */

#h1_main_head_s {
color: black;
font-size:0.0em;
background-color:black;
text-decoration:underline;
display:block;
position:absolute;
top:0px;
height:0px;
}

/* trueques en curso */
table.cruces_container {
 margin-right:auto;margin-left:auto;border-collase:separate;
 border:0px solid #ccc;
 margin-right:auto;
 margin-left:auto;
 border-collapse: separate;
}
table.cruces_container td.confirmado
{
border:3px solid #ccc;background-color:#efe;padding:20px;margin:10px;margin-bottom:20px;
}
table.cruces_container td.esperando
{
border:3px solid #ccc;background-color:#ffe;padding:20px;margin:10px;margin-bottom:20px;
}
table.cruces_container td.descartado
{
border:3px solid #ccc;background-color:#e5e5ee;padding:20px;margin:10px;margin-bottom:20px;
}

table.arrows {
 border:0px solid #ccc;
 margin-right:auto;
 margin-left:auto;
 border-collapse: separate;
}
table.arrows tr {
 height:30px;
 border:0px;
 margin:3px;
 padding:3px;
}
table.arrows tr td {
 height:30px;
 border:0px;
 margin:3px;
 padding:3px;

}

h2 { font-size:0.9em; color: gray;}


/* Tabla estandard para formularios de TrocaPiso */
table.stdform th { text-align:left;padding-left:1em;padding-right:1em; }

/* FORMULARIO EDICION BUSCO */
table.form_busco_edit th {width:175px;text-align:left;padding-left:1em;}
table.form_busco_edit td {width:400px;}


.info {
  margin:5px;
  border:2px solid green;
  background-color:#dfd;
  font-size:1.3em;
  color: green;
}

div.error {
  margin:5px;
  border:2px solid red;
  background-color:#fee;
  font-size:1.3em;
  color: #100;
}
.tipped {
    color:gray;
}

#asistente {
}

.explic {
 font-family:"verdana";
 font-size:1.2em;
 color: #111;
}

ol.explic {
 color: red;
 font-weight: bold;
}
ol.explic span {
 color: #333;
 font-weight: normal;
}


div.trkfrm span {margin:0;padding:0;}
div.trkfrm form {margin:0;padding:0;}
div.trkfrm {
    margin:0;
    margin-top:3px;
    margin-left:5px;
    margin-right:10px;
    padding:5px;
    border:0px dashed black;
    background:transparent; /*#f1f1f1;*/
}
div.trkfrm div {
float:left;border-right:1px solid #aaa;margin-right:5px;padding-right:5px;
}
span.error {
    font-weight:bold;
    color:red;
}
div.trkfrm input, div.trkfrm select, div.trkfrm radio {
 font-size:1.0em;
 font-family:"verdana";
 color:#434;
 padding:0;
 margin:0;
}
input.inputcheckbox {
 position:relative;
 top:3px;
}
input.bigButtonInputLeftStandard {
 float:right;text-align:center;
 font-size:1.2em;
 padding:4px;
 padding-top:0.3em;
 padding-bottom:0em;
 margin:10px;
 width:10em;height:4em;
 font-weight:bold;
}
input.bigButtonInputLeftBlack {
 float:right;text-align:center;
 font-size:1.2em;
 padding:4px;
 padding-top:0.3em;
 padding-bottom:0em;
 margin:10px;
 width:10em;height:4em;
 background:black;border:1px solid #ccc;font-weight:bold;color:#afa;
}
input.bigButtonInputLeftGray {
 float:right;text-align:center;
 font-size:1.2em;
 padding:4px;
 padding-top:0.3em;
 padding-bottom:0em;
 margin:10px;
 width:10em;height:4em;
 background:gray;border:1px solid #ccc;font-weight:bold;color:#fff;
}
input.highlightButtonMouseover {
 border:1px solid gray;
 background:#333;
}
div.fakeBigButtonGray {
 float:right;
 display:block;
 text-align:center;
 font-size:1.2em;
 padding:4px;
 padding-top:1.5em;
 padding-bottom:0em;
 margin:10px;
 width:9em;height:3em;
 background:gray;
 border:1px solid #ccc;
 font-weight:bold;
 color:#fff;
}

input.redButtonGray:hover { 
 background-color:#ddd; 
}

input.redButtonGray {
 font: bold 1.2em Tahoma,Verdana,Arial,sans-serif;
 border:1px solid black;
 color:red;
 background-color:white;
 text-decoration:none;
 width:9.7em;
 height:2em;
 padding:4px;
 padding-left:20px;padding-right:20px; 
}
input.redButtonGrayDisabled:hover {
 background-color:#fff; 
}
input.redButtonGrayDisabled {
 color:#aaa;
 background-color:#fff; 
 border:1px solid #888;
}

a.fakeBigButtonGray   {
 text-decoration:none;
 float:right;
 display:block;
 text-align:center;
 font-size:1.2em;
 padding:4px;
 margin:10px;
 width:9em;height:1.2em;
 background:#fff;
 border:1px solid #111;
 font-weight:bold;
 color:red;
}

a.fakeBigButtonGray :visited  {}
a.fakeBigButtonGray:hover  {
 float:right;
 display:block;
 text-align:center;
 font-size:1.2em;
 padding:4px;
 margin:10px;
 width:9em;height:1.2em;
 background:#ddd;
 border:1px solid #111;
 font-weight:bold;
 color:red;
}


tr.hid, td.hid {
    display:none;
}



/* Tablas Como Comprador/Vendedor */
table.comocv {
 width:99.7%;
 border-collapse:separate; /* collapse - Firefox bug*/
 border:0px;
 border-bottom:1px solid black;
}
table.comocv th {
 background: red;
 font-weight: bold;
 color: white;
 font-size: 1.4em;
 text-align:left;
 padding:5px;
 border:0px;
}
table.comocv th.c1 { /* col1 */
 width:30%;
}

table.comocv th.c2 { /* col2 */
 width:69%;
}
table.comocv td.c1 {
 border-left:0px;
 border-right:1px solid #ccc;
 border-top:2px solid black;
 /*border-bottom:1px solid black;*/
 border-bottom:0px;
 vertical-align:top;
 padding:5px;
}
table.comocv td.c2 {
 border-right:0px;
 border-left:0px;
 /*border-left:1px solid gray;*/
 border-top:2px solid black;
 /*border-bottom:1px solid black;*/
 border-bottom:0px;
}
table.comocv tr.comocv {
 border:0px;
 /*border-bottom:1px solid black;*/
}

div.comocvA {position:relative;float:left;left:0px;top:0px;width:55%;padding-left:10px;}
/*div.comocvB {position:relative;float:left;left:0px;top:0px;width:44%;}*/
div.comocvB {position:relative;float:left;left:0px;top:0px;}
div.comocvB1 {display:block;text-align:center;float:left;}
div.comocvB2 {display:block;text-align:center;float:right;}
div.comocvB3 {display:block;text-align:right;float:right;}
div.comocvB2 span { font-size:1.2em;font-weight:bold; }
div.comocvC {position:relative;clear:both;width:99%;}
div.comocvC span.t {font-size:1.15em;font-weight:bold;text-decoration:underline;}
div.comocvC span.fp {}
div.comovvA {position:relative;float:left;left:0px;top:0px;width:80%;}
div.comovvB {position:relative;float:left;left:0px;top:0px;width:15%;}
div.comovvA1 {display:block;text-align:left;}
table.detalleprop {
width:100%;
border-collapse:collapse;
border:0px;
padding:0;
margin:0;
}

table.detalleprop td.cf {
border:0px;
border-bottom:1px solid #ccc;
width:42px;
padding:2px;
margin:0;
}
table.detalleprop td.c2 {
border:0px;
border-bottom:1px solid #ccc;
width:4em;
padding:5px;
margin:0;
}
table.detalleprop td.c3 {
border:0px;
border-bottom:1px solid #ccc;
padding:5px;
margin:0;
}
table.detalleprop td.c4 {
border:0px;
border-bottom:1px solid #ccc;
width:10em;
padding:5px;
margin:0;
text-align:center;
}
table.detalleprop td.bld {
font-size:1.1em;
font-weight:bold;
}
table.detalleprop td.c5 {
border:0px;
border-bottom:1px solid #ccc;
width:5em;
padding:5px;
margin:0;
}
a.botonGet {
 display:block;
 border: 1px solid gray;
 background: #fff;
 color: red;
 text-align:center;
 height: 1.4em;
}
a.botonGet :visited {}
a.botonGet:hover,active {
 background: #eee;
 color: red;
}
img.foto_prop_detalle {
  border:3px solid #ccc;
}



/* Simulador */
table.NoBordersTable {
border:0px;border-collapse:separate;
}

table.NoBordersTable th {
border:2px solid gray;
text-align:left;
padding-left:5px;
}

table.NoBordersTable td {
border:0px;
border-bottom:1px dotted gray;
text-align:center;
}

div.precio_helpersim {
  display:inline;
}
table.NoBordersTable td.simColValue {
 text-align:right;
 width:10em;
 padding-right:5px;
}
table.NoBordersTable td.simColValue2 {
 text-align:left;
 width:20em;
}

.precio_helpersim2 {
font-size:0.8em;
color:gray;
}
.helpersim2 {
font-size:1.0em;
color:gray;
}
#id_cuotaMensual_helper {
font-weight:bold;
color:red;
}
#id_costeFinal_helper {
font-weight:bold;
}
#id_costeFinal_helper2 {
font-weight:bold;
}
.greencolor{color:green;}
.blackcolor{color:black;}
.redcolor{color:red;}


/* Usar en lugar de NoMargins y aplicar a todos los elementos de la tabla (Table, Td, Th, etc.) */
table.NoBorders {
 border:0;
}
td.NoBorders {
 border:0;
}


/* debe estar al final para tener prioridad sobre otros formatos - DEPRECATED - NO USAR MÁS */
.NoMargins {
    border:0;
}
table.NoMargins td {
    border:0;
}
table.NoMargins tr {
    border:0;
}

.IconRedSim {
color:rgb(229,64,58);/*color:red;*/
font-size:1.2em;font-weight:bold;
}

.altaGratis {
display:block;text-align:right;float:right;
}

div.interesafrm {
border:1px solid gray;padding:9px;padding-top:0;width:15em;background-color:#ccf;text-align:right;
}
div.interesafrm ul {padding:1px;margin:1px;
list-style-type: none;text-align:center;
}
div.interesafrm label {
font-size:1.1em;
}
div.interesafrm li {
font-size:1.2em;
}
div.interesafrm input {margin:0;
cursor:pointer;
}
div.interesafrm input#confirmaSubmit {

}
.highlightHover {
background-color:black;
color:white;
}

/* BMP y Demandas en columnas */
.columnaDiv {float:left;padding-left:5px;padding-right:5px;border-right:1px solid gray;}
.tituloCampo {font-weight:bold;font-size:1.1em;}
.bordeTituloUnderline {border-bottom:1px solid gray;}
.redbg { background-color:red;}
.clsDummyMove { background-color:red;}

.gmnoprint span {dis-play:none;font-size:0.7em;}