.bannerPublicitario {
    display:block;
    border: 1px solid green;
    clear:both;
}

/*----------------------------------------------------------------------------*/

/* MAIN */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
}
.linkexterno {
    background-image: url(/public/imgs/linkexterno.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px !important;
    display: inline-block;
}
.linkimagen {
    display: block;
    overflow: hidden;
    margin: auto;
    border: 6px solid #EBEBEB;
    width: auto;
    height: auto;
    padding: 0px;
}
.linkimagen:hover {
    border: 6px solid #B9E9FF;
}
.linkimagen img {
    border: 0px;
    display: block;
    width: 100%;
    height: 100%;
}
/**
* CLASES GENERALES
******************************************************************************/
.clear  {
    display: block;
    clear: both;
}
/*
.visible {
display: block;
}
.invisible {
display: none;
}*/
.invisible {
    display: none;
}
.visible {
    display: block;
}
/* extra - el display */
.invisibles {
    position: absolute;
    display: none;
}
.visibles {
    position: static;
    display: inline;
}
/**
* MENSAJES
******************************************************************************/
.ok, .error, .info {
    width: 90%;
    padding: 14px;
    margin: auto;
    margin-bottom: 12px;
    text-indent: 34px;
    border: 1px solid #DDDDDD;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    color: #666666;
}
.ok h3, .error h3, .info h3 {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #666666;
}
.ok p, .error p, .info p {
    color: #666666;
}
.ok p a, .error p a, .info p a {
    text-decoration: none;
}
.ok p a:hover, .error p a:hover, .info p a:hover {
    text-decoration: underline;
}
.ok {
    background-image: url('/public/imgs/ok.jpg');
    background-position: 8px 10px;
}
.error {
    background-image: url('/public/imgs/error.jpg');
    background-position: 8px 10px;
}
.info {
    background-image: url('/public/imgs/info.jpg');
    background-position: 8px 12px;
}
/**
* CAJA CELESTE
******************************************************************************/
.cajaCeleste {
    width: 300px;
    background-image: url('/public/imgs/cajaCelesteCen.jpg');
    margin: 10px;
}
.cajaCeleste .tituloCajaCeleste {
    font-size: 1px;
    text-indent: -20000px;
    color: #FFFFFF;
    background-image: url('/public/imgs/cajaCelesteSup.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    clear: both;
}
.cajaCeleste .contenidoCajaCeleste {
    background-image: url('/public/imgs/cajaCelesteInf.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    /* todo: */
    padding: auto;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: auto;
}

/**
* CAJA CELESTE HORIZONTAL
******************************************************************************/
.cajaCelesteHorizontal {
    width: 670px;
    background-image: url('/public/imgs/cajaCelesteHorizontalCen.jpg');
    margin: 10px;
    display: block;
    clear: both;
}
.cajaCelesteHorizontal .tituloCajaCelesteHorizontal {
    font-size: 1px;
    text-indent: -20000px;
    color: #FFFFFF;
    background-image: url('/public/imgs/cajaCelesteHorizontalSup.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    clear: both;
}
.cajaCelesteHorizontal .contenidoCajaCelesteHorizontal {
    background-image: url('/public/imgs/cajaCelesteHorizontalInf.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    /* todo: */
    display: block;
    clear: both;
    margin: auto;
}

/**
* CAJA AZUL
******************************************************************************/
.cajaAzul {
    width: 193px;
    background-image: url('/public/imgs/ladosCajaAzul.jpg');
    margin: 10px;
}
.cajaAzul .tituloCajaAzul {
    text-align: center;
    font-size: 1px;
    text-indent: -20000px;
    color: #AAAAAA;
    height: 8px;
    background-image: url('/public/imgs/supCajaAzul.jpg');
}
.cajaAzul .contenidoCajaAzul {
    background-image: url('/public/imgs/infCajaAzul.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: auto auto 10px 10px;
    margin: auto;
}

/*
* CONTENEDORES
******************************************************************************/
body {
    background-color: #FFFFFF;
}

.principal {
    margin: auto;
    height: 100%;   /* efecto altura IE */
}

/*
* titulos de secciones
******************************************************************************/
.tituloDeSeccion {
    text-indent: -1000px;
    font-size: 1px;
    color: #FFFFFF;
    float: left;
    height: 30px;
    width: 400px;
    margin: 4px 0px 10px 0px;
    background-repeat: no-repeat;
    background-position: left center;
}
#seccProyectos {
    background-image: url(/public/imgs/titleProyectos.jpg);
    width: 96%;
    display: block;
    clear: both;
    margin: 0px 0px 2px 10px;
}
#seccAranceles {
    background-image: url(/public/imgs/titleAranceles.jpg);
    background-position: 20px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
#seccPlayaMansa {
    background-image: url(/public/imgs/titlePlayaMansa.jpg);
    background-position: 20px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
#seccPlayaBrava {
    background-image: url(/public/imgs/titlePlayaBrava.jpg);
    background-position: 20px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
#seccPtaDelEste {
    background-image: url(/public/imgs/titlePtaDelEste.jpg);
    background-position: 20px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
#seccPrecios {
    background-image: url(/public/imgs/titlePrecios.jpg);
    background-position: 20px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
#seccContactenos {
    background-image: url(/public/imgs/titleContactenos.jpg);
    float: none;
}
#seccInmobiliarias {
    background-image: url(/public/imgs/titleInmobiliarias.jpg);
}
/**/
#seccDestacadosventa {
    background-image: url(/public/imgs/titleVentasDestacadas.jpg);
}
#seccDestacadosalquiler {
    background-image: url(/public/imgs/titleAlquileresDestacadas.jpg);
}
#seccChacrasventa {
    background-image: url(/public/imgs/titleChacrasVenta.jpg);
}
#seccChacrasalquiler {
    background-image: url(/public/imgs/titleChacrasAlquiler.jpg);
}
#seccCamposventa {
    background-image: url(/public/imgs/titleCamposVenta.jpg);
}
#seccCamposalquiler {
    background-image: url(/public/imgs/titleCamposAlquiler.jpg);
}
#seccApartamentos {
    background-image: url(/public/imgs/titleApartamentos.jpg);
    width: 200px;
}
#seccApartamentosventa {
    background-image: url(/public/imgs/titleApartamentosVenta.jpg);
}
#seccApartamentosalquiler {
    background-image: url(/public/imgs/titleApartamentosAlquiler.jpg);
}
#seccCasas {
    background-image: url(/public/imgs/titleCasas.jpg);
    width: 200px;
}
#seccCasasventa {
    background-image: url(/public/imgs/titleCasasVenta.jpg);
}
#seccCasasalquiler {
    background-image: url(/public/imgs/titleCasasAlquiler.jpg);
}
#seccPropiedades {
    background-image: url(/public/imgs/titlePropiedades.jpg);
    width: 200px;
}
#seccPreferidos {
    background-image: url(/public/imgs/titleMisPreferidos.jpg);
    width: 200px;
}
#tituloContactoAdmin {
    background-image: url(/public/imgs/titleContactoAdmin.jpg);
    float: none;
}
#seccNewsletter {
    background-image: url(/public/imgs/titleNewsletter.jpg);
}
/*
* tipos de listados
******************************************************************************/
.tiposDeListados {
    float: right;
    height: 30px;
    width: 200px;
    text-align: right;
}
.tiposDeListados li {
    width: 26px;
    height: 16px;
    float: left;
    list-style: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top right;
}
.tiposDeListados li.modo1 {
    width: 148px;
}
.tiposDeListados li.modo {
    color: #333333;
    width: 200px;
    font-size: 10px;
}

.tiposDeListados li a {
    color: #FFFFFF;
    display:block;
    text-indent:-200000px;
    font-size: 1px;
    width: 22px;
    height: 16px;
    background-position: center left;
    float: right;
}
.tiposDeListados li a#listadoModo1 {
    background-image: url(/public/imgs/modo1.jpg);
}
.tiposDeListados li a#listadoModo2 {
    background-image: url(/public/imgs/modo2.jpg);
}
.tiposDeListados li a#listadoModo3 {
    background-image: url(/public/imgs/modo3.jpg);
}
.tiposDeListados li a#listadoModo1:hover, .tiposDeListados li a#listadoModo1.on {
    background-position: center right;
}
.tiposDeListados li a#listadoModo2:hover, .tiposDeListados li a#listadoModo2.on  {
    background-position: center right;
}
.tiposDeListados li a#listadoModo3:hover, .tiposDeListados li a#listadoModo3.on  {
    background-position: center right;
}

/*
* CABECERA
******************************************************************************
.cabeceraProyectos {
    background-image: url(/public/imgs/logo.png);
    display: block;
    clear: both;
    width: 1016px;
    height: 100px;
    margin: auto;
    margin-top: 10px;
    background-position: top center;
    background-repeat: no-repeat;
}
.cabecera {
    background-image: url(/public/imgs/bodySup2.jpg);
    background-position: top;
    background-repeat: repeat-x;
    display: block;
    clear: both;
    height: 196px;
    border-top: 1px solid #A8D1E7;
}
.cabecera #contentCabecera {
    width: 1016px;
    height: 186px;
    margin: auto;
    margin-top: 10px;
    background-position: top center;
    background-repeat: no-repeat;
}
.cabecera .cabeceraRand1 {
    width: 1016px; height: 189px;
    background-image: url(/public/imgs/cabecera1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.cabecera .cabeceraRand2 {
    width: 1016px; height: 189px;
    background-image: url(/public/imgs/cabecera2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.cabecera .cabeceraRand3 {
    width: 1016px; height: 189px;
    background-image: url(/public/imgs/cabecera3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.cabecera #contentCabecera a {
    display: block;
    width: 260px;
    height: 80px;
    overflow: hidden;
    text-indent: -1000px;
}
.cabecera #contentCabecera .animacion {
    width: 480px;
    display: block;
    float: right;
    margin-top: 40px;
}
*/
.cabecera {
    border-top: 8px solid #FF6600;
    height: 102px;
    display: block;
    background-image: url(/public/img_nuevas/bkgCabeceraSuperior.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
}
.cabecera .contentCabecera {
    width: 1024px; /* 970px; */
    height: 102px;
    background-image: url(/public/img_nuevas/bkgCabecera.gif); /* bkgCabecera.jpg */
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: auto;
    display: block;
}
.cabecera .contentCabecera .logo {
	width: 320px;
    height: 88px;
    display: block;
    float: left;
    background-image: url(/public/img_nuevas/logo.jpg);
    background-position: center left;
    background-repeat: repeat-x;
    font-size: 1px;
    color: #FFFFFF;
}
.cabecera .menuSuperior {
    display: block;
    float: right;
    width: 670px;
    height: 92px;
}

/*
* MENU
******************************************************************************/
.menu {
    height: 40px; /* 30px; */
    margin: auto;
    margin-top: 4px;
    background-color: #FFFFFF;
}
.menu .contentMenu {
    width: 1000px;
    margin: auto;
}
.menu .contentMenu h1 {
    display: none;
}
.menu .contentMenu ul {
    list-style: none;
    float: right;
    margin-top: 2px;
}
.menu .contentMenu ul li {
    float: left;
    margin-top: 6px;
    padding-right: 6px;
    padding-left: 6px;
    background-image: url(/public/imgs/bordemenu.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.menu .contentMenu ul li.sinborder {
    background-image: none;
}
.menu .contentMenu ul li a {
    color: #AEB1B7;
    color: #09629C;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
.menu .contentMenu ul li a:hover {
    color: #80B8DD;
    color: #073D60;
}
/* redes sociales */
.menu .contentMenu ul .barraSocial {
    padding: 0px !important;
    margin: 3px 3px 0px 6px !important;
}
.menu .contentMenu ul .barraSocial .facebook,
.menu .contentMenu ul .barraSocial .twitter,
.menu .contentMenu ul .barraSocial .buzz {
    width: 25px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right top;
}
.menu .contentMenu ul .barraSocial .facebook:hover,
.menu .contentMenu ul .barraSocial .twitter:hover,
.menu .contentMenu ul .barraSocial .buzz:hover { background-position: left top; }
.menu .contentMenu ul .barraSocial .facebook { background-image: url(/public/imgs/facebook.jpg); }
.menu .contentMenu ul .barraSocial .twitter { background-image: url(/public/imgs/twitter.jpg); }
.menu .contentMenu ul .barraSocial .buzz { background-image: url(/public/imgs/buzz.jpg); }
/*
* CONTENIDO
******************************************************************************
.contenido {
    width: 1024px;
    margin: auto;
    background-color: #FFFFFF;
    height: 100%;   / * efecto altura IE * /
}
.contenido .colIzq {
    width: 320px;
    float: left;
}
.contenido .colDer {
    width: 700px;
    float: right;
    height: 100%;   / * efecto altura IE * /
    min-height: 700px;  / * efecto altura FF * /
    overflow: hidden;
}
.contenido .columna {
    width: 950px;
    margin: auto;
}
*/
.contenido {
    width: 1024px; /* 970px */
    margin: auto;
}
.contenido .colIzq {
    width: 320px;
    float: left;
}
.contenido .colIzq .tituloColumnaIzq {
    height: 20px;
    background-image: url(/public/img_nuevas/bkgTituloColumnaIzq.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-variant: small-caps;
    padding: 4px 0px 0px 16px;
}
.contenido .colDer {
    width: 700px;
    float: right;
}
.contenido .colDer .menu {
    width: 700px;
    height: 33px;
    background-image: url(/public/img_nuevas/bkgMenuPrincipal.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: auto;
    display: block;
}
.contenido .colDer .menu .contentMenu {
    width: 700px;
    height: 33px;
}
.contenido .colDer .menu .contentMenu h1 {
    display: none;
}
.contenido .colDer .menu .contentMenu ul {
    width: 700px;
    height: 33px;
}
.contenido .colDer .menu .contentMenu ul li {
    height: 33px;
    float: left;
}
.contenido .colDer .menu .contentMenu ul li a {
	color: #FFFFFF;
    padding: 10px;
}

/*
* PIE
******************************************************************************/
.pieInterno {
    border-top: 6px solid #E4F1F8; /* EBEBEB */
    background-color: #FEFEFE;
    background-image: url(/public/imgs/bkg_pie.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding-bottom: 0px;
    /* margin-top: 6px; */
    height: auto; /* height: 239px; 196 */
    display: block;
    width: 100%;
}
.pieInterno .contentPieInterno {
    width: 1024px;
    margin: auto;
    height: auto;
    display: block;
    /*border-right: 1px solid #EFEFEF;*/
}
.pieInterno .contentPieInterno .seccion {
    /* width: 310px; */
    float: left;
    margin: 10px;
    border-left: 1px solid #EFEFEF;
}
.pieInterno .contentPieInterno .seccion h1 {
    /* color: #344954; */
    color: #888888;
    font-size: 13px;
    font-variant: small-caps;
    margin: 4px 10px 4px 10px;
    padding: 4px;
    text-align: left;
    font-size: 11px;
}
.pieInterno .contentPieInterno .seccion ul {
    color: #4398D1;
    margin: 4px 10px 4px 10px;
    padding: 4px;
    vertical-align: text-top;
    text-align: left;
    list-style: none;
}
.pieInterno .contentPieInterno .seccion ul li {
    padding: 4px;
    float: left;
    margin-right: 10px;
}
.pieInterno .contentPieInterno .seccion ul li a {
    vertical-align: text-top;
    color:  #225875; /* #4B63AE; */
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
.pieInterno .contentPieInterno .seccion ul li a:hover {
    /* color: #1B4663; */
    text-decoration: underline;
}
.pieInterno .contentPieInterno .seccion ul li a img {
    border: 1px solid #EFEFEF;
    display: block;
}
.pieInterno .contentPieInterno .seccion p {
    font-weight: normal;
    padding: 4px;
    text-align: right
}

/*
* COPY
******************************************************************************/
.copy {
    background-color: #F9F9F9;
    margin: 0px;
    height: auto;
    display: block;
    height: 32px;
}
.copy .contentCopy {
    width: 1024px;
    height: 30px;
    margin: auto;
    display: block;
}
.copy .contentCopy span {
    float: left;
    display: block;
    margin: 8px 8px 0px 8px;
    color: #8C8C8C;
    font-size: 11px;
}
.copy .contentCopy a {
    font-size: 11px;
    color: #8C8C8C;
}
.copy .contentCopy a:hover {
    text-decoration: underline;
    color: #333333;
}
.copy .contentCopy .byplaya1 {
    height: 19px;
    width: 48px;
    display: block;
    float: right;
    margin-top: 6px;
    margin-right: 2px;
    /* oculta el texto */
    overflow: hidden;
    white-space: nowrap;
    font-size: 1px;
    color: #F9F9F9;
    background-image: url(/public/imgs/byplaya.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.copy .contentCopy .byplaya1:hover {
    text-decoration: none;
    background-position: right top;
    color: #F9F9F9;
}
/*
* DESARROLLADOR
******************************************************************************/
.playa1 {
    width: 1024px;
    text-align: right;
    height: 20px;
}
.playa1 a {
    color: #FFFFFF;
    margin-right: 30px;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
    clear: both;
}
.playa1 a:hover {
    color: #085190;
}


/**
* TOOLTIP
******************************************************************************/
/* el tip por defecto */
.tooltip {
    border: 1px solid #E1D8C6;
    background-color: #FFFFCC;
    color: #333333;
    position: absolute;
    padding: 10px;
    display: none;
    width: 300px;
}

.tooltipInmueble {
    position: absolute;
    display: none;
    width: 300px;
}
.tooltipInmueble .tooltipInmuebleSup {
    margin: auto;
    height: 30px;

    background-image: url(/public/imgs/tipSup.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.tooltipInmueble .tooltipInmuebleCen {
    margin: auto;
    background-color: #FAFDFF;
    width: 268px;
    padding: 0px 6px 0px 12px;
    border-left: 1px solid #CBDBF1;
    border-right: 1px solid #CBDBF1;

    overflow: hidden;
    white-space: pre-wrap;
    word-spacing: 1px;
}
.tooltipInmueble .tooltipInmuebleInf {
    margin: auto;
    height: 16px;

    background-image: url(/public/imgs/tipInf.gif);
    background-repeat: no-repeat;
    background-position: top center;
}

/**
* TEXTOS
******************************************************************************/
.textoAzul, .textoNaranja {
    margin: 0px 20px 20px 20px;
}
.textoNaranja p {
    margin: 10px 0px 0px 4px;
}
.textoAzul h1 {
    color: #225875;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.textoAzul p {
    margin: 10px 0px 0px 4px;
}
.textoAzul a {
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}
.textoAzul a:hover {
    color: #000000;
}

.textoNaranja h1 {
    color: #FF9933;
    margin-top: 10px;
    padding-left: 24px;
    background-image: url(/public/imgs/triangulo.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 18px;
}
.textoNaranja a {

}



/**
* LOS BOTONES PARA CAMBIAR EL SISTEMA DE MOSTRAR LISTADOS
******************************************************************************/
.tipoListado {
    text-align: right;
}
#cuadrados {
    background-image: url(/public/imgs/iconos.jpg);
    width: 20px;
    height: 18px;
    font-size: 1px;
    text-indent: -100px;
    margin: 0px 0px 6px 4px;
}
#listado {
    background-image: url(/public/imgs/lista.jpg);
    width: 20px;
    height: 18px;
    font-size: 1px;
    text-indent: -100px;
    margin: 0px 20px 6px 0px;
}


/* --- PAGINADO ------------------------------------------------------------- */
#controlResultados {
    display: block;
    clear: both;
    text-align: center;
}
#controlResultados, #controlResultados b {
    color: #999999;
    display: block;
    padding: 6px 4px 4px 4px;
    font-size: 11px;
}
#controlResultados a {
    display: inline-block;
    padding: 6px 8px 6px 8px;
    font-weight: bold;
    border: 1px solid #EAEAEA;
    background-color: #FDFDFD;
    color: #888888;
    text-decoration: none;
    font-size: 11px;
}
#controlResultados a:hover {
    background-color: #DBE9F7;
    border: 1px solid #BAD5EF;
    color: #3C86D9;
}
#controlResultados .seleccionado, #controlResultados .seleccionado:hover {
    border-bottom: 1px solid #D8E7F7;
    background-color: #EDF4FB;
    color: #A9B0B7;

    background-color: #EEF5FB;
    border: 1px solid #D5E5F6;
    color: #98BFEB;
}
#preparandoPaginado {
    position:absolute;
    top:220px;
    left: 50%;
    border: 1px solid #E1DCD0;
    background-color: #FFFFC2;
    padding: 10px;
    font-weight:bold;
    color: #655C4A;
    cursor: wait;
}


/*

* MODOS DE NAVEGACION

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

.modo {

    height: 28px;

    float: right;

    width: 460px;

    margin-right: 5px;

    margin-top: 6px;

}

.modo .navegacion {

    height: 28px;

    float: left;

    display: block;

}

.modo .navegacion .listaPermalink {

    margin: 2px 4px 4px 24px;

    display: block;

    float: left;

    font-weight: bold;

    cursor: pointer;

    text-indent: -2000px;

    overflow: visible;

    width: 20px;

    height: 18px;

    border: 1px solid #FFFFFF;



    background-image: url(/public/imgs/lstPermalink.jpg);

    background-repeat: no-repeat;

    background-position: top left;



    position: absolute;

}

.modo .navegacion .listaPermalink:hover {

    border: 1px solid #EEEEEE;

    background-position: top right !important;

}

.modo .navegacion .listaNavegacion {

    margin: 0px 4px 4px 0px;

    display: block;

    float: left;

    text-decoration: none;

    cursor: pointer;

    text-indent: -2000px;

    overflow: visible;

    width: 20px;

    height: 18px;

    border: 1px solid #FFFFFF;



    background-image: url(/public/imgs/lstAyuda.jpg);

    background-repeat: no-repeat;

    background-position: 0px 2px;

    background-color: #FFFFFF;



    position: absolute;

}

.modo .navegacion .listaNavegacion:hover {

    background-position: -20px 2px !important;

    border: 1px solid #EEEEEE;



    z-index: 100;

    padding: 6px 6px 6px 30px;

    width: 400px;

    height: auto;

    color: #666666;

    text-indent: 0px;

}

.modo .navegacion .listaNavegacion b {

    display: none;

}

.modo .navegacion .listaNavegacion:hover b {

    display: block;

}

/* VISTA */

.modo #vista {

    height: 28px;

    width: 90px;

    float: right;

    display: block;

}

.modo #vista a {

    margin: 4px 0px 4px 4px;

    display: block;

    float: left;

    font-weight: bold;

    cursor: pointer;

    text-indent: -2000px;

    overflow: visible;

    width: 18px;

    height: 18px;

    border: 1px solid #FFFFFF;

}

.modo #vista a:hover, .modo #vista .selecto {

    border: 1px solid #EEEEEE;

    background-position: top right !important;

}

.modo #vista .listaImagenes {

    background-image: url(/public/imgs/lstImgs.jpg);

    background-repeat: no-repeat;

    background-position: top left;

}

.modo #vista .listaImagenesDetalle {

    background-image: url(/public/imgs/lstImgsDetatlles.jpg);

    background-repeat: no-repeat;

    background-position: top left;

}

.modo #vista .listaDetalle {

    background-image: url(/public/imgs/lstDetatlles.jpg);

    background-repeat: no-repeat;

    background-position: top left;

}



/* IFORMACION DEL PAGINADO */

#contenedorResultado {

    clear: both;

}

#controlResultados {

    width: 690px; /* 700px */

    margin:auto;

    clear: both;

}

#controlResultados .infoOculta {

    display: none;

}

#zonaDeLecturaAlto .infoCarga {

    width: 92%;

    margin: auto;

    margin-top: 20px;

    margin-bottom: 10px;

    border: 1px solid #EEEEEE;

    background-color: #FFFFCC;

    padding: 8px;

    display: block;

    cursor: progress;

    height: 60px;

}

#zonaDeLecturaAlto .infoCarga img {

    float: left;

    display: inline-block;

    margin: 4px;

}

#zonaDeLecturaAlto .infoCarga b {

    display: inline-block;

    margin-left: 8px;

    margin-top: 32px;

    font-size: 15px;

    color: #666666;

    float: left;

}

#zonaDeLecturaAlto .infoFinal {

    margin: auto;

    margin-top: 20px;

    margin-bottom: 10px;

    border: 1px solid #CCCCCC;

    background-color: #CAE4FF;

    padding: 10px;

    display: block;

}

#zonaDeLecturaAlto .infoFinal b {

    display: block;

    font-size: 14px;

    color: #666666;

}

#controlResultados .infoPagina {

    display: inline-block;

    padding: 0px 8px 8px 8px;

    float: right;

    cursor: progress;

}

#descargarPreferidos {

    display: block;

    border: 1px solid #EEEEEE;

    padding: 10px;

    width: 270px;

    margin: auto;

    margin-top: 20px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    font-size: 18px;

    color: #AAAAAA;

}

#descargarPreferidos:hover {

    border: 1px solid #BBBBBB;

    color: #666666;

}