body{
    margin: 0px;
    background-color: #f8f8f8;
}

/* Barra que se muestra en la parte superior de la Web para indicar que se trata de una demo o está en fase de implementación, etc. */
div.barrasuperior{
    background-image: url(img/fondos/barratop1.gif);
    background-repeat: repeat-x;
    height: 26px;
    color: #000000;
    font-family: Verdana;
    font-size: 14px;
}

a{
    color: #035193;
    text-decoration: none;
}

a:hover{
    color: #212121;
    text-decoration: underline;
}

table.main{
    padding-bottom: 0px;
    padding-top: 0px;
    width: 1020px;
    background-color: #FFFFFF;
}

table.headercontainer{}

table.header{
    margin-left: 0px;
    height: 200px;
}

table.headertop{
    /*background-image: url(img/cabecera/cabecera.jpg);*/
    width: 960px;
    /*height: 70px;*/
}

img.cabeceratransparente{
    margin-left: 0px;
    margin-top: 0px;
    width: 960px;
    height: 155px;
}

table.headerbottom{
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    height: 25px;
}

td.celdaeslogan{
    font-family: Verdana;
    color: #FC8B01;
    font-size: 12px;
    font-weight: bold;
    background-image: url(img/cabecera/fondoimg.gif);
}

td.celdafecha{
    font-family: Verdana;
    color: #FC8B01;
    font-size: 12px;
    font-weight: bold;
    background-image: url(img/cabecera/fondoimg.gif);
}

/* Formulario de selección de idiomas de la cabecera */
form.idiomascabecera{
    font-family: Verdana;
    font-size: 7pt;
    color: navy;
    margin-top: 2px;
}

select.idiomas{
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    margin: 2px;
}

/* Opciones en el formulario de selección de idioma de la cabecera */
form.idiomascabecera option{ color: navy; }

table.menuycuerpo{
    text-align: left;
    width: 960px;
    margin-left: 0px;
}

td.celdacontenedoramenu{
    /*background-color: #F0F0F0;*/
    width: 235px;
}

td.celdacontenedoramain{
	background-color: #FFFFFF;
	width: 705px;
}

table.menuprincipal{ width: 235px; }

td.cabmenu{
    width: 235px;
    font-family: Verdana;
    color: #FFFFFF;
    font-weight: bold;
    text-align: justify;
    padding-top : 0px;
    padding-bottom: 3px;
    padding-left: 12px;
    background-color: #264593;
}

td.opcion{
    height: 10px;
    width: 235px;
    font-family: Verdana;
    font-size: 12px;
    color: #F38201;
    padding-left: 14px;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.opcion a{ color: #4c4c4c; }

td.opcion a:hover{
    color: #FC8B01;
    text-decoration: underline;
}

td.separador{
    height: 8px;
    font-family:  Verdana;
    font-size: 8pt;
    color: #000000;
    padding-left: 7px;
    cursor: pointer;
}	

table.contenedortodaspromoprinc{
	width: 705px;
}

/*td.celdapromoprinc{
    padding-top: 0px;
    padding-left: 0px;
}*/

table.promoprinc{
    background-color: #fafafa;
    width: 705px;
    height: 195px;
    border-radius: 10px;
}

/* Celda de cabecera de la promoción principal en la que se indica si se trata de un inmueble en venta o en alquiler. */
table.promoprinc td.supracabecera{
    font-family: Verdana;
    font-size: 18px;
    color: #FC8B01;
}

table.tabla_datos{
    padding-left: 15px;
    padding-top: 10px;
    width: 100%;
    height: 160px;
}

td.cabecerapromoprinc{
    color: #4c4c4c;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

td.textopromoprinc{
    text-align: justify;
    color: #4c4c4c;
    font-family: Verdana;
    font-size: 12px;
}

td.carretepromoprinc{ /*padding-top: 4px;*/ }

iframe.carretepromoprinc{
    border: 0px solid silver;
    height: 125px;
    width: 695px;
}

td.mapapromoprinc{
    padding-top: 15px;
    padding-bottom: 15px;
}

span.preciopromoprinc{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
}

img.mapapromoprinc{ /*border: 1px silver solid;*/ }

/*td.separadorpromoprinc{
    height: 1px;
    visibility: hidden;
}*/

table.contenedortodaspromosec{}

/* Celda de cabecera de la promoción secundaria en la que se indica si se trata de un inmueble en venta o en alquiler */
td.cabecerapromosec{ 
    text-align: center;
    background-color: #FFFFFF;
    font-family: Georgia;
    font-size: 15px;
    padding: 4px 14px;
    color: #391D2B;
    background-color: #C7BEC3;
    text-align: left;
}

table.promosec{
    background-color: #F0F0F0;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    width: 160px;
    border-bottom: 1px solid #DDDDDD;
}

td.enlacepromesec{
    font-family: Georgia;
    font-size: 16px;
    color: #FC8B01;
    padding-left: 15px;
}

td.celdapromosec{
    color: #4c4c4c;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
}

span.preciopromosec{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
}

img.promosec{ border: none; }

table.inmuebleenlista{
    width: 705px;
    margin-top: 0px;
    margin-left: 0px;
}

.cabecerainmuebleenlista{
    color: #FC8B01;
    font-family: Verdana;
    font-size: 17px;
    text-decoration: none;
    padding-right: 15px;
}

a.cabecerainmuebleenlista{
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}

a.cabecerainmuebleenlista:hover{
    text-decoration: underline;
}

a.enlaceinmuebleenlista{
    color: #FC8B01;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
}

a.enlaceinmuebleenlista:hover{
    color: #FC8B01;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: underline;
}

/*table.cabecerainmuebleenlista a:hover{
    font-family: Verdana;
    font-size: 12px;
    color: #00A79D;
    text-decoration: underline;
    font-weight: bold;
}*/

td.eslogan{
    font-family: Verdana;
    font-size: 18px;
    color: #FFAC2B;
    padding-left: 11px;
}

table.cuerpoinmuebleenlista{ background-color: #FFFFFF; }

td.celdadatoinmuebleenlista{
    /*background-color: #f1f4ea;*/
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    color: #4c4c4c;
    padding-left: 15px;
    padding-right: 15px;
}

table.tablapieinmubleenlista{
    background-color: #FFFFFF;
    padding-bottom: 4px;
    width: 604px;
}

td.celdatextopieinmuebleenlista{
    padding-left: 4px;
    font-family: Verdana;
    font-size: 12px;
    color: #2E2E2E;
    text-align: left;
}

td.celdaiconospieinmuebleenlista{
    padding-right: 5px;
    padding-top: 3px;
}

td.img_canto{
    background-color: #E6E6E7;
}

/* Tabla con los precios, que figura al pie de la tablita en los inmuebles en alquiler. */
table.tarifa{
    margin-left: 0px;
    width: 355px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

/* Celda que contiene la cabecera "Precio" */
table.tarifa td.cabecera{
    background-color: #666699;
    text-align: left;
    padding: 3px;
} 

/* Celda que contiene una "tablita" de período/precio */
table.tarifa td.tarifa{ background-color: #FFFFFF; }

/* Tabla que contiene un período un un precio */
table.tablaunprecio{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    border: 1px solid #7292A4;
}

table.tablaunprecio td.periodo{
    padding: 3px;
    background-color: #FFFFE0;
    border-bottom: 1px groove #000000;
}

table.tablaunprecio td.importe{
    background-color: #FFFFFF;
    padding: 2px;
}
/* Fin tabla de precios (tarifa de un inmueble) */

/* Recuadro o tablita con los datos de contacto para informarse del inmueble */
table.contactoenfichainmueble{
    width: 705px;
}

table.contactoenfichainmueble a{ color: #000000; }

/* Utilizada tanto para la ficha en sí como para el mapa */
table.enlacesinmueble{
    width: 602px;
    margin-top: 8px;
    margin-left: 3px;
    border: 1px solid #e2ecce;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 12px;
    background-color: #f1f4ea;
}

table.enlacesinmueble a{
    color: #1A8B4D;
    font-weight: bold;
}

table.enlacesinmueble a:hover{
    color: #4BCB2E;
    font-weight: bold;
}

table.promoprinc table.enlacesinmueble{
    width: 320px;
    margin-top: 8px;
    border: 1px solid #e2ecce;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
}

table.fichainmueble{
    width: 705px;
}

/* Celda que forma la solapita en la ficha del inmueble */
td.solapafichainmueble{
    height: 20px;
    width: 83px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    background-color: #FAFAFA;
    text-align: center;
    /*border-top: 1px solid #0A5479;
    border-left: 1px solid #0A5479;
    border-right: 1px solid #0A5479;*/
    padding-left: 5px;
    padding-right: 5px;
    color: Gray;
}

/* Celda contigua a la que forma la solapita en la ficha del inmueble */
td.lateralsolapafichainmueble{
    width: 394px;
    border-bottom: 1px solid #0A5479;
}

td.contenidofichainmueble{
    color: #4c4c4c;
}

td.contenidofichainmueble td.grupo{
    /*border: 1px solid #0A5479;*/
    background-color: #666699;
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    margin: 2px;
    padding: 3px;
    font-weight: bold;
}

td.contenidofichainmueble td.texto_descriptivo{
    text-align: justify;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 12px;
    vertical-align: top;
}
td.contenidofichainmueble td.caracteristica{
    font-family: Verdana;
    font-size: 12px;
    padding: 2px;
}

/* Tabla que contiene los fotogramas dentro de la ficha del inmueble */
table.fotogramasenfichainmueble{}

/* Celda de fotograma dentro de la tabla de arriba */
table.fotogramasenfichainmueble td{
    border:1px #e2ecce solid;
    padding:12px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

img.fotogramafichainmueble{}

img.mapafichainmueble{ border: 1px #2E2E2E solid; }

table.formularioreserva{}

td.pieformularioreserva{
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
}

.capa_pie{
	background-color: #ffffff;
    border-top: 1px solid #ebebeb;
    width: 100%;
}

table.pie{
	color: #4C4C4C;
    font-family: Verdana;
    font-size: 12px;
    width: 1020px;
}

.logoturisoft{
    color: #cccccc;
    font-size: 10px;
    font-family: Verdana;
    font-weight: normal;
    margin-top: -20px;
    position: absolute;
    right: 20px;
}

table.logoturisoft a{
    color: #213A4A;
}

table.logoturisoft a:hover{
    color: #31525A;
}


font.palabrasclavealpie{
    color: #DDDDDD;
    font-family: Verdana;
    font-size: 10px;
}

/* Tabla que contiene las listas de inmuebles resultantes de los links por tipos y poblaciones */
table.listainmuebles{}

/* Celda contenedora de la tabla de un inmueble en una lista */
td.celdainmuebleenlista{ height: 152px; text-align: left; }

/* Los encabezamientos son pequeñas tablas con un icono y un par de líneas de texto, que encabezan muchas de las páginas del sistema. */
table.encabezamiento{
    margin-top: 0px;
    margin-bottom: 10px;
    /*margin-right: 10px;*/
    width: 705px;
    background-color: #0A5479;
    background-position: top;
    height: 30px;
}

table.encabezamiento td.icono{
    height: 34px;
    width: 33px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}

table.encabezamiento td.texto{ text-align: left; }

table.encabezamiento div.textoprincipal{
    margin-left: 8px;
    padding-top: 2px;
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

table.encabezamiento div.textosecundario{
    margin-left: 8px;
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
}
/* Fin de estilo para encabezamientos */

/* Para la página de contacto */
table.contacto{
    width: 705px;
    /*margin-right: 10px;*/
    margin-top: 4px;
    margin-bottom: 20px;
    margin-left: 0px;
}

table.contacto td.cabecera{
    font-family: Verdana;
    font-size: 16px;
    color: #2E2E2E;
    font-weight: bold;
    padding-right: 10px;
}

table.contacto td.contenido{
    border: 1px solid #DDDDDD;
    font-family: Verdana;
    font-size: 12px;
    color: #4c4c4c;
    padding: 20px;
    width: 705px;
    text-align: left;
}

table.contacto table{ font-size: 12px; }

table.contacto table td{
    padding: 2px;
}

table.contacto textarea{
    font-family: Verdana;
    font-size: 12px;
}

table.contacto input{
    font-family: Verdana;
    font-size: 12px;
}
/* Fin de página de contacto */

/* Páginas resultante de enviar formularios */
div.errorenviomensaje{
    width: 435px;
}

div.errorenviomensaje div.cabecera{
    margin-top: 8px;
    border-bottom: 1px solid #CCCCCC;
    text-align:right;
    font-family: Verdana;
    font-size: 17px;
    font-weight: bold;
    color: #FC8B01;
}

div.errorenviomensaje div.contenido{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    height: 140px;
    padding-top: 80px;
    padding-bottom: 80px;
}

div.errorenviomensaje div.pie{
    padding-top: 4px;
    border-top: 1px solid #CCCCCC;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}

div.mensajeenviado{
    width: 435px;
    border-bottom: 1px solid #CCCCCC;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    padding-top: 80px;
    padding-bottom: 80px;
}
/* Fin de páginas resultantes de enviar formularios */

/* Formulario de busqueda avanzada para encontrar inmuebles en venta */
div.busquedacompra{
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
}

div.busquedacompra td.cabgrupo{
    font-family: Verdana;
    font-size: 10px;
    background-image: url(img/fondos/fondoweb.gif);
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px;
}

div.busquedacompra td{
    font-size: 12px;
}

div.busquedacompra hr{
    color: #E0E0E0;
    height: 2px;
}

div.busquedacompra select{
    height: 20px;
    font-family: Verdana;
    font-size: 10px;
}
/* Fin */ 

/* Formulario propietario que quiere vender */
div.formpropietariovendedor{
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
}

.cab_grupo{
    border-bottom: 2px solid #ebebeb;
    color: #4c4c4c;
    font-size: 17px !important;
    padding: 10px 20px 5px 20px;
    text-align: left;
}

div.formpropietariovendedor td{
    font-size: 12px;
}

div.formpropietariovendedor hr{
    color: #E0E0E0;
    height: 2px;
}

div.formpropietariovendedor select{
    height: 20px;
    font-family: Verdana;
    font-size: 12px;
}

div.formpropietariovendedor input{
    font-family: Verdana;
    font-size: 12px;
}

div.formpropietariovendedor textarea{
    font-family: Verdana;
    font-size: 12px;
}
/* Fin */ 

/* buscar.php */
table.tablacriteriosbusqueda{
	border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    color: #808080;
    font-family: Verdana;
    font-size: 12px;
    padding: 10px;
}
/* fin  */

/* Tabla de información de contacto de un usuario */
table.infocontactousuario{
    background-color: #385800;
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
}

table.infocontactousuario td.cabecera{
    background-color: #385800;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 2px;
    padding-right: 1px;
    font-weight: bold;
    text-align: center;
}

table.infocontactousuario td{
    padding: 1px;
    background-color: #f5f8ec;
}

table.tablanumpaginas{
    font-family: Verdana;
    font-size: 12px;
    color: #007ab0;
}

div.informacionpaginacion{
    margin-bottom: 4px;
    margin-top: 8px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}

.tablanumpaginas{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.tablanumpaginas a{
    color: #FF9900
}	

.tablanumpaginas a:hover{
    font-weight: bold;
    color: brown;
}

.tablanumpaginas td.paginaencurso{
    border: 1px solid gray;
    color: #000000;
}	

table.tabla_pais_idioma,table.tabla_pais_idioma select{
    border: 1px solid #9B3737;
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFCC00;
}

table.tabla_pais_idioma select{
    font-family: Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
}

table.tabla_pais_idioma td{
    text-align: center;
    padding: 1px;
    vertical-align: middle;
}
/*fin*/

/* ROL */
div.calendario_titulo{
    background-color: #666699;
    margin-right: 0px;
    width: 705px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

iframe.calendario_ficha{
    background-color: #FFFFFF;
    width: 680px;
    height: 175px;
    padding-left: 10px;
    /*border-left: 1px solid #0A5479;
    border-right: 1px solid #0A5479;
    border-top: 1px solid #0A5479;*/
}

iframe.calendario_leyenda{
    margin-left: 0px;
    width: 680px;
    height: 26px;
    padding-left: 10px;
    /*border-left: 1px solid #0A5479;
    border-right: 1px solid #0A5479;
    border-bottom: 1px solid #0A5479;*/
    background-color: #FFFFFF;
}

/* Iconos de factoritos, etc. */
table.tablaiconos{
    margin-top: 6px;
    margin-left: 1px;
    width: 250px;
}

iframe.form_busqueda_disp{
    /*background-color: #EDEDED;*/
    margin-left: 0px;
    width: 690px;
    height: 75px;
}

table.tablabuscarporreferencia{
    background-color: #2E2E2E;
    margin-top: 6px;
    margin-left: 1px;
    width: 250px;
    color: #FFFFFF;
}

table.tablabuscarporreferencia td{
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

table.tablabuscarporreferencia td input{
    font-family: Verdana;
    font-size: 12px;
}

table.tablabuscarporreferencia td button{
    font-family: Verdana;
    font-size: 12px;
}

/* Estilo enlaces indexación servidores. */
.indexacion{
    font-family: Verdana;
    color: #DDDDDD;
    font-size: 12px;
    padding-left: 0px;
    font-weight: bold;
    text-decoration: underline;
}

.indexacion:hover{ color: #00F; }

.detalles{
    background-color: #FFFFFF;
    border: 4px solid #f0f0f0;
    border-radius: 10px;
    filter: alpha(opacity=95);
    left: 50%;
    opacity: 0.95;
    padding: 4px 8px 4px 8px;
    position: absolute;
    visibility: hidden;
    z-index: 100;
}

.celda_capa_ofertas{
    color: #FF0000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    height: 12px;
    text-align: right;
}

.txt_cab_oferta{
    color: #4c4c4c;
    text-align: center;
    text-decoration: underline;
}

.txt_nom_oferta{
    background-color: #f0f0f0;
    color: #FF0000;
    font-size: 12px;
    text-align: center;
}

.tabla_oferta_lineas{
    border: 1px solid #f0f0f0;
    width: 100%;
}

.lineas_oferta{
    color: #4c4c4c;
    line-height: 15px;
    text-align: left;
}

.longitud_latitud{
    color: #FC8B01;
    font-family: Verdana;
    font-size: 18px;
    text-decoration: none;
    padding-right: 15px;
}

.enlaces_index{
	color: #BBBBBB;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

.enlaces_index:hover{
	color: #BBBBBB;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}

/*table.pie a{
    font-family: Verdana;
    color: #4C4C4C;
}

table.pie a:hover{
    color: #4C4C4C;
    
}*/
/********************************************************** Estilos para las imágenes con efecto de transición en fichainmueble.php *************************************************/

#EmilyPictureBackground{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 338px;
    height: 225px;
}

.redon_sombra{
    border-radius: 10px;
    box-shadow: 0px 0px 4px 3px #dddddd;
    vertical-align: middle;
}

.redond_espe{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.txt_form{
    height: 33px;
    padding-right: 15px;
    line-height: 16px;
    font-family: Verdana;
    width: 300px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.campo_form{
    border: 1px solid #CCCCCC;
    font-family: Verdana;
    border-radius: 4px;
    padding: 5px;
    width: 250px;
    float: left;
}

.anotaciones_cliente{
    padding: 5px;
    border: 1px solid #CCCCCC;
    font-family: Verdana;
    border-radius: 4px;
    max-width: 250px;
    min-width: 250px;
    max-height: 250px;
    min-height: 125px;
    float: left;
}

.listado_enlaces{
	width: 1020px;
}

.celdadatotelscontacto{
	font-family: Verdana;
	font-size: 17px;
}

.left_busq{
    background: url("img/custom/left_busq.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 49px;
    width: 15px;
    vertical-align: middle;
}

.fondo_busq{
    background: url("img/custom/fondo_busq.png") repeat-x scroll 0 0 transparent;
    color: #777777;
    display: inline-block;
    font-size: 14px;
    height: 49px;
    line-height: 49px;
    max-width: 175px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}

.right_busq{
    background: url("img/custom/right_busq.png") no-repeat scroll right top transparent;
    display: inline-block;
    height: 49px;
    vertical-align: middle;
    width: 15px;
}

.left_buscar{
    background: url("img/custom/left_buscar.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 49px;
    vertical-align: middle;
    width: 15px;
}

.fondo_buscar{
    background: url("img/custom/fondo_buscar.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    font-size: 14px !important;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
    vertical-align: middle;
    max-width: 175px;
    min-width: 175px !important;
    font-weight: bold;
}

.right_buscar{
    background: url("img/custom/right_buscar.png") no-repeat scroll right top transparent;
    display: inline-block;
    height: 49px;
    vertical-align: middle;
    width: 15px;
}
