
/* -------------------------------------------------
 1. Reset 
------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* -------------------------------------------------
 2. Estilos generales
------------------------------------------------- */

html {font-size: 100.01%; }

* { font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; z-index: 0; }

body { background:#f6fdec; color: black; font-weight: normal; font-size: 62.5%/1.5em; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; line-height: 1.1em;}

p { font-size: .7em; }

a, a:visited, .link { color: #568000; text-decoration: none; }
a:hover, .link:hover { text-decoration: underline; }

.link { cursor: hand; cursor: pointer }

blockquote { color: #999; font-size: .8em; margin: 0 0 0 3em; }

div.clear { clear:both; }
div.left { clear:left ; }

p { margin: 0 0 1.5em 0; font-family: Trebuchet MS; }

div.titular { font-family: Trebuchet MS; font-weight: bold; font-size: 1.8em; line-height: 1.2em; margin: 0px 0 1em 0; color: #666; }

div.error { color: red; margin: 1em 0; }

/*h1 { font-family: Verdana; font-weight: normal; font-size: 2.5em; line-height: 1.2em; margin: 0 0 0.5em 0;}
*/
h1, h2 { font-family: Trebuchet MS; font-weight: bold; font-size: 1.1em; line-height: 1.1em; margin-bottom: 0.5em; color: #8a8a89; }
h1 {font-size: 1.2em; margin-bottom: 30px; color: black;}
/* 
body#web_inicio #contenedor_cabecera { background: url('/images/bg_cabecera_grande_3.png') top repeat-x; border-bottom: 1px solid #009245; height: 160px; }
body#web_inicio #logo { padding: 95px 0 0 0; }
*/

#contenedor_cabecera { margin-top: 60px; height: 140px; background: url('/images/fondo_cabecera.png') bottom repeat-x; }
#cabecera { width: 900px; margin: 0 auto; }
#logo { clear: both; padding: 0; text-align: center; }

#contenedor_cuerpo {  } 
#cuerpo { width: 900px; padding: 1.5em 0 3em 0;  margin: 0 auto; }

div#menu { margin-bottom: 25px;  height: 1.1em; }
div#menu ul { clear: both; margin: 0; font-size: 1em; font-variant: small-caps; font-weight: bold;}
div#menu ul li { float:left; width: 25%; text-align: center; }
div#menu ul a, ul#menu a:visited { color: gray; text-decoration: none; }
div#menu ul a:hover { color: #000; text-decoration: underline; }
                                            
ul#idiomas { padding: 0 0 10px 0; font-size: .7em; text-align: right; }
ul#idiomas li { display: inline; padding: 0 0 0 .5em;  }
/* ul#idiomas li:last-child { border-right: none; padding: 0 0 0 .4em; } */
ul#idiomas a, ul#idiomas a:visited { color: gray; text-decoration: none;}
ul#idiomas a:hover { color: #000; text-decoration: underline; }


#pie { clear: both; font-size: 0.7em; text-align: center; padding: 1em 0 1em 0; }
#pie a, #pie a:visited { color: gray; text-decoration: none;}
#pie a:hover { color: black; }
#pie ul { }
#pie ul li { display: inline; padding: 0 0.5em; border-right: 1px solid silver; }
#pie ul li:last-child { border: none; }
#pie span.copyright_zebra {color: #AAA}


p.portada {font-size: .7em; text-align: center; padding: 10px 100px;}
p.telefonos {font-size: .9em; text-align: center}


div.buscador { padding: 0 250px 20px 250px; margin-bottom: 20px; border-bottom: 1px solid silver;}
div.buscador h1 {  font-weight: bold; font-size: 1.1em; margin: 0 0 20px 0; text-align: center; }
div.buscador form { padding-left: 80px; }
div.buscador div.botones { text-align: center; padding: 0 80px 0 0; }


form { font-size: .7em; }
input { vertical-align: middle;  }
input[type="text"], input[type="password"] { border: 1px solid #003366; background: #fff; font-size: 1em; color: #888; padding: .2em .4em; margin: 0 .3em 0 0; }
textarea, select, .cuadro_formulario { border: 1px solid #003366; background: #fff; font-size: 1em; color: #888; padding: .2em .4em; margin: 0 .3em 0 0; }
.cuadro_formulario { padding: 0 5px; width: 80px; display: block; overflow: hidden;  }
.cuadro_formulario select { width: 80px; z-index: 0; border: none; }
.cuadro_formulario input { width: 80px; z-index: 0 }
textarea { width: 270px; }
select { width: 287px; }
select.mini { width: 85px; }
select.mini_mini { width: 50px; }
input[type="text"] { width: 270px; }
input[type="text"].mini { width: 80px; }



/* Styles */
fieldset { }
legend { display: none; }

form div.elemento, form div.elemento_completo { clear:both; margin: .5em 0 0 0; overflow: hidden; }

form div.elemento span.campo,
form div.elemento label { width: 150px; float: left; }
form div.elemento span.valor { float: right; width: 300px; }

form div.elemento_completo label { display: none; }
form div.elemento_completo span.valor { margin: 0 0 .5em 0; }

form div.botones { text-align: right; padding-right: 20px;}

form div.comentario { clear: both; color: #999; margin: .8em 0 1em 0;}



div.contacto { clear: both; color: #6d6d6d; padding: 30px 100px; }
div.contacto div.titulo { float:left; width: 100px;  padding: 0 30px 0 0; text-align: right; font-size: 1.2em; line-height: 1.2em; }
div.contacto div.cuerpo { float:left; padding: 0 0 0 30px; border-left: 1px solid #6d6d6d; width: 530px; }
div.contacto div.telefonos { font-size: 1.2em; line-height: 1.2em; }


div.condiciones,
div.como_reservar { padding: 30px 100px; font-size: 1.1em; }

div.como_reservar ul { padding: 0 0 20px 50px; font-size: .7em; list-style: circle; }




/* Detalle -------------------------------------- */
div#piso_detalle { margin: 0 100px; }

div#piso_detalle { margin-bottom: 50px; }
div#piso_detalle div.cabecera						{ padding: 0 2em 0 2em; background: url('/images/fondo_ficha.png'); overflow: hidden; height: 28px; line-height: 1.6em; font-size: 1em; color: black; font-weight: bold; font-variant: small-caps; }
div#piso_detalle div.cabecera a           { color: black; }
div#piso_detalle div.cabecera a:hover,
div#piso_detalle div.cabecera a:visited { text-decoration: underline }
div#piso_detalle div.cabecera div.titulo		{ float: left; }
div#piso_detalle div.cabecera div.referencia	{ float: right; }

div#piso_detalle div.caracteristicas { color: black; padding: 10px 0; font-size: .7em;  height: 70px; border-bottom: 1px solid silver; margin: 0 80px 20px 80px;}
div#piso_detalle div.caracteristicas div.plazas { float: left; width: 220px; font-size: 2em; line-height: 3em; text-align: center; color: #969893; }
div#piso_detalle div.caracteristicas div.precios { float: left; width: 170px; padding-top: 10px; }
div#piso_detalle div.caracteristicas div.detalles { float: left; width: 80px; }


div#piso_detalle div.galeria_contenedor { width: 90%; overflow: hidden; margin: 0 auto;}
div#piso_detalle div.galeria_contenedor div.foto_principal { text-align: center; margin: 5px auto; }
div#piso_detalle div.galeria_contenedor div.galeria { text-align: center; height: 50px; width: 100%; margin: 0 auto; }
div#piso_detalle div.galeria_contenedor div.galeria div.elemento { display: inline; padding: 0 1px;}
div#piso_detalle div.galeria_contenedor div.galeria div.elemento img { height: 50px; width: 70px;}

div#piso_detalle div.descripcion { float: right; color: black; margin: 0 0 20px 0; width: 570px;}
div#piso_detalle div.descripcion div.cuerpo { font-family: Trebuchet MS; background: #e3e9d9; padding: 12px; font-size: .8em; font-weight: bold; margin: 0; }
div#piso_detalle div.descripcion h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; } 

div#piso_detalle div.presupuesto { color: black; margin: 0 80px 20px 80px;  }
div#piso_detalle div.presupuesto div.cuerpo { font-family: Trebuchet MS; background: #e3e9d9; padding: 12px; font-size: 1.1em; font-weight: bold; margin: 0; }
div#piso_detalle div.presupuesto h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; } 

div#piso_detalle div.extras { color: black; margin: 0 80px 20px 80px;  }
div#piso_detalle div.extras div.cuerpo { font-family: Trebuchet MS; font-size: 1.2em; font-weight: bold; margin: 0; }
div#piso_detalle div.extras h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; }

div#piso_detalle div.buscador { padding: 0 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid silver;}
div#piso_detalle div.buscador h1 {  font-weight: bold; font-size: 1.1em; margin: 0 0 20px 0; text-align: center; }
div#piso_detalle div.buscador form { padding-left: 220px; }
div#piso_detalle div.buscador div.botones { text-align: center; padding: 0 110px 0 0; }

div#piso_detalle div.disponibilidad { clear: both; text-align:center; font-size: .9em; margin: 0 0 20px 0;}

div#piso_detalle div.info_adicional { float: left; width: 180px; font-size: .7em; margin: 35px 0 0 -50px; }
div#piso_detalle div.info_adicional ul {list-style: circle; padding: 0 0 0 15px; }


div#solicitar_reserva { margin: 0 100px; }

div#solicitar_reserva { margin-bottom: 50px; }
div#solicitar_reserva div.cabecera						{ padding: 0 2em 0 2em; background: url('/images/fondo_ficha.png'); overflow: hidden; height: 28px; line-height: 1.6em; font-size: 1em; color: white; font-weight: bold; font-variant: small-caps; }
div#solicitar_reserva div.cabecera a           { color: white; }
div#solicitar_reserva div.cabecera a:hover,
div#solicitar_reserva div.cabecera a:visited { text-decoration: underline }
div#solicitar_reserva div.cabecera div.titulo		{ float: left; }
div#solicitar_reserva div.cabecera div.referencia	{ float: right; }

div#solicitar_reserva div.caracteristicas { color: black; padding: 10px 0; font-size: .7em;  height: 70px; border-bottom: 1px solid silver; margin: 0 80px 20px 80px;}
div#solicitar_reserva div.caracteristicas div.plazas { float: left; width: 220px; font-size: 2em; line-height: 3em; text-align: center; color: #969893; }
div#solicitar_reserva div.caracteristicas div.precios { float: left; width: 170px; padding-top: 10px; }
div#solicitar_reserva div.caracteristicas div.detalles { float: left; width: 80px; }

div#solicitar_reserva div.galeria_contenedor { width: 90%; overflow: auto; margin: 0 auto;}
div#solicitar_reserva div.galeria_contenedor div.galeria { text-align: center; height: 133px; width: 1000px; }
div#solicitar_reserva div.galeria_contenedor div.galeria div.elemento { float: left; }
div#solicitar_reserva div.galeria_contenedor div.galeria div.elemento img { height: 133px; width: 200px;}

div#solicitar_reserva div.descripcion { float: right; color: black; margin: 0 80px 20px 0; width: 530px;}
div#solicitar_reserva div.descripcion div.cuerpo { font-family: Trebuchet MS; background: #e3e9d9; padding: 12px; font-size: .8em; font-weight: bold; margin: 0; }
div#solicitar_reserva div.descripcion h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; } 

div#solicitar_reserva div.presupuesto { color: black; margin: 0 80px 20px 80px;  }
div#solicitar_reserva div.presupuesto div.cuerpo { font-family: Trebuchet MS; background: #e3e9d9; padding: 12px; font-size: 1.1em; font-weight: bold; margin: 0; }
div#solicitar_reserva div.presupuesto h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; } 

div#solicitar_reserva div.extras { color: black; margin: 0 80px 20px 80px;  }
div#solicitar_reserva div.extras div.cuerpo { font-family: Trebuchet MS; font-size: 1.2em; font-weight: bold; margin: 0; }
div#solicitar_reserva div.extras h1 { font-size: 1em; margin: 30px 0 5px 0; font-variant: small-caps; }

div#solicitar_reserva div.buscador { padding: 0 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid silver;}
div#solicitar_reserva div.buscador h1 {  font-weight: bold; font-size: 1.1em; margin: 0 0 20px 0; text-align: center; }
div#solicitar_reserva div.buscador form { padding-left: 220px; }
div#solicitar_reserva div.buscador div.botones { text-align: center; padding: 0 110px 0 0; }

div#solicitar_reserva div.disponibilidad { clear: both; text-align:center; font-size: .9em; margin: 0 0 20px 0;}

div#solicitar_reserva div.info_adicional { float: left; width: 180px; font-size: .7em; margin: 20px 0 0 -120px; }
div#solicitar_reserva div.info_adicional ul {list-style: circle}


/*


div#menu_principal { float:left; width: 200px; }
div#sidebar { clear: left; float: left; width: 200px;  }

div.destacado {  margin: .5em 0 0 0em; padding: 1em; border: 1px solid silver; background: #f9ffc9 url('/images/fondo_lateral.png') repeat-x top; font-size: 1em; }
div.destacado h1 {  font-weight: normal; font-size: 1.1em; margin: 0 0 0 0; }
div.destacado h2 {  font-size: 1em; line-height: 1em; margin-bottom: 1em; color: #999; }
div.destacado p, div.destacado form { font-size: 0.7em; text-indent: 0; padding: .3em .2em .2em .5em; line-height: 1.2em; }
div.destacado div.boton_cuestionario { margin: .5em 0 0 1.2em; font-size: 0.8em; }

div.destacado ul { list-style: none ; margin: 1em 0 1em 2em; }
div.destacado ul li { font-size:  0.8em }


div#col_dcha {  margin: 2em 0 0 0; padding: 0px; }
div#col_dcha a {font-size: 0.8em;}
div#col_dcha h1 { font-size: 1.1em; margin: 0 0 .5em 0; }
div#col_dcha p { padding: 0 0 0 1.5em; color: #999; margin: 0 0 3em 0; }
div#col_dcha ul.informacion_adicional { list-style: circle; margin: 0 0 0 10px; }
div#col_dcha ul.informacion_adicional li {color: #AAA; font-size:  0.8em }





form {  }
input { vertical-align: middle; }
input[type="text"], input[type="password"] { border: 1px solid #003366; border-left: 5px solid #003366; background: #fff; font-size: .9em; color: #888; padding: .2em .4em; margin: 0 .3em 0 0; }
textarea, select, .cuadro_formulario { border: 1px solid #003366; border-left: 5px solid #003366; background: #fff; font-size: .9em; color: #888; padding: .2em .4em; margin: 0 .3em 0 0; }
.cuadro_formulario { padding: 0 5px; width: 80px; display: block; overflow: hidden;  }
.cuadro_formulario select { width: 80px; z-index: 0; border: none; }
.cuadro_formulario input { width: 80px; z-index: 0 }
textarea { width: 270px; }
select { width: 287px; }
select.mini { width: 85px; }
select.mini_mini { width: 50px; }
input[type="text"] { width: 270px; }
input[type="text"].mini { width: 80px; }




/* .fieldWithErrors { margin: 0; padding: 0; border: 1px solid red; display: inline;} */
.formError { color: red; }

.importante, .error { color: red; }

.clear { clear: both; }
.oculto { display:none; }
.visible { display: block; }


div.mensaje_info {
  text-align: center;
  color: #5da1d8;
  font-weight: bold;
  padding: 1em;
}

div.mensaje_error {
  text-align: center;
  color: red;
  font-weight: bold;
  padding: 1em;
}

div.barra_pasos {
  text-align: center;
  color: #99cc00;
  padding: .7em;
}

div.barra_pasos img { padding: 0 .5em; }

div.barra_pasos span.hecho { color: #99cc00; }

div.barra_pasos span.pendiente { color: silver; }

div.barra_pasos span.actual { color: #99cc00; font-weight: bold; text-decoration: underline; }




/* Paginador -------------------------------------- */
div.paginador 				{ clear: both; margin: 1em 0; line-height: 24px; }

div.paginador div.anterior	 { float: left; padding: 0; width: 300px; text-align: right;}
div.paginador div.siguiente { float: right; padding: 0; width: 300px; text-align: left; }

div.paginador div.paginas	 { float: left; text-align: center; padding: 0; width: 93px; color: #747474; font-size: 1.2em; height: 24px; line-height: 24px;}




.calendario_izda { float: left; margin-left: 100px;}
.calendario_dcha { float: right; margin-right: 100px; text-align: right; }

TABLE.datos { width: 100%; border: 0px solid; margin-bottom: 10px; font-size: .8em; }
TABLE.datos td,
TABLE.datos th { padding: .2em; }
TABLE.datos td.moneda,  
TABLE.datos th.moneda { text-align: right; }
TABLE.datos tr.fila_impar { }
TABLE.datos tr.fila_par { background-color: #EEE; }
TABLE.datos thead th { font-weight: bold; background-color: #666; border-bottom: 2px solid black; color: #DDD; }
TABLE.datos tr.hover { background-color: #DDD }



div.destacado TABLE.datos_reserva { margin: .5em 0 2em 0; padding: 0px; font-size: .6em; width: 100%; }
div.destacado TABLE.datos_reserva td { font-weight: bold; text-align: right; }

/* Botones -------------------------------------- */
/*div.grupo_botones,
div.grupo_botones_inferior			{ clear: both; float: left; width: 100%; margin-top: 10px; margin-bottom: 5px; text-align: right;  border-top: 5px solid #4682B4; padding-top: 7px; }
div.grupo_botones_superior			{ clear: both; float: left; width: 100%; margin-top: 5px; margin-bottom: 10px; text-align: right;  border-bottom: 5px solid #4682B4; padding-bottom: 7px; }
*/
.boton_nuevo	 			{ float: right; font-size: x-small; background: url(/images/iconos/nuevo.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_editar	 			{ float: right; font-size: x-small; background: url(/images/iconos/editar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_aceptar	 			{ float: right; font-size: x-small; background: url(/images/iconos/Aceptar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_cancelar 			{ float: left; font-size: x-small; background: url(/images/iconos/cancelar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-right: 4px; }
.boton_eliminar 			{ float: left; font-size: x-small; background: url(/images/iconos/cancelar.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; margin-right: 4px; }
.boton_imagenes 			{ float: right; font-size: x-small; background: url(/images/iconos/imagenes.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_valoracion			{ float: right; font-size: x-small; background: url(/images/iconos/euro.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }
.boton_volver	 			{ float: left; font-size: x-small; background: url(/images/iconos/volver.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; margin-right: 4px; }
.boton_buscar				{ float: right; font-size: x-small; background: url(/images/iconos/buscar.png) 3px no-repeat #F5F5F5; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 25px; }
.boton_restaurar 			{ float: left; font-size: x-small; background: url(/images/iconos/reset.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-right: 4px; }
.boton_buscar_mini		{ font-size: x-small; background: url(/images/iconos/buscar.png) 3px no-repeat #F5F5F5; width: 70px; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 20px; }
.boton_mas_informacion 	{ float:left; font-size: x-small; background: url(/images/iconos/Informacion.png) 3px no-repeat; width: auto; font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 38px; }
.boton_cerrar_ayuda		{ position: absolute; right: 10px; bottom: 10px; font-size: x-small; background: url(/images/iconos/cerrar.gif) right no-repeat; width: auto; font-family: Verdana; color: #4682B4; padding: 3px; padding-right: 23px; margin-left: 4px; }
.boton_solicitar_info	{ float: right; font-size: x-small; background: url(/images/iconos/informacion.png) 3px no-repeat #F5F5F5; width: auto; border: 1px #A5B8DE solid;  font-family: Verdana; color: #4682B4; padding: 3px; padding-left: 23px; margin-left: 4px; }





/* Imagenes ------------------------- */
/*.imagen_mini 		{	width: 70px; }
.imagen_grande 	{	width: 500px; }
.imagen_portada 	{	width: 200px; height: 150px; }
.imagen_detalle_seleccion 	{	width: 250px; }
.imagen_detalle_miniatura	{	width: 120px; }
.imagen_detalle_miniatura_seleccion	{	float: left; width: 70px; margin: 0; padding: 0; }
.miniatura_seleccion { width: 340px; }
*/

.imagen_mini 		{	width: 70px; }
.imagen_grande 	{	width: 500px; }
.imagen_portada 	{	width: 160px; height: 120px; }
.imagen_ficha_listado 	{	width: 200px; height: 150px; }
.imagen_detalle_seleccion 	{	width: 200px; }
.imagen_detalle_miniatura	{	width: 97px; height: 65px; }
.imagen_detalle_miniatura_seleccion	{	float: left; width: 70px; margin: 0; padding: 0; }
.miniatura_seleccion { width: 340px; }


div.miniaturas_horizontal { clear:both; margin-bottom: 15px; background:#F5F5F5; width: 600px; padding: 3px 3px 8px 3px; }
div.miniaturas_horizontal div.elemento { float: left; padding: 5px; margin: 5px; border: 1px solid gray; width: auto; }

div.miniatura_horizontal { float: left; padding: 5px; margin: 5px 5px 5px 0px; border: 1px solid gray; }

div.miniaturas_vertical { clear:both; margin-bottom: 15px;  padding: 3px 3px 8px 3px; }
div.miniaturas_vertical div.elemento { clear: left;  float: left; padding: 5px; margin: 5px; border: 1px solid gray; width: auto; }

div.miniaturas_vertical { clear: left; float: left; padding: 5px; margin: 5px 25px 5px 5px; }



/* Portada -------------------------------------- */
div#div_listado { margin: 0 100px; }
div.portada_grupo_productos														{ clear: both; }

div.portada_grupo_productos div.producto_contenedor { margin-bottom: 50px; }
div.portada_grupo_productos div.producto_contenedor div.cabecera						{ padding: 0 2em 0 2em; background: url('/images/fondo_ficha.png'); overflow: hidden; height: 28px; line-height: 1.6em; font-size: 1em; color: black; font-weight: bold; font-variant: small-caps; }
div.portada_grupo_productos div.producto_contenedor div.cabecera a,
div.portada_grupo_productos div.producto_contenedor div.cabecera a:visited { color: black; text-decoration: none; }
div.portada_grupo_productos div.producto_contenedor div.cabecera a:hover  { text-decoration: underline }
div.portada_grupo_productos div.producto_contenedor div.cabecera div.titulo		{ float: left; }
div.portada_grupo_productos div.producto_contenedor div.cabecera div.referencia	{ float: right; }

div.portada_grupo_productos div.producto_contenedor div.producto										{clear: both;  margin: 30px 0 10px 0; overflow: hidden; font-size: .9em; border: 1px solid black; color: black; }
div.portada_grupo_productos div.producto_contenedor div.producto div.imagen						{ clear: left; float: left; padding: 0; }
div.portada_grupo_productos div.producto_contenedor div.producto div.caracteristicas  { float: left; padding: 1.5em; font-size: 1.2em; }
div.portada_grupo_productos div.producto_contenedor div.producto div.tarifas  { clear: right; float: right; text-align: left; padding: 1.5em; font-size: 1.2em; }
div.portada_grupo_productos div.producto_contenedor div.producto div.tarifas span.comentario { font-size: .8em; color: silver; }

div.portada_grupo_productos div.producto_contenedor div.pie { clear: both; margin: 0; text-align: right; font-size: .9em;}
div.portada_grupo_productos div.producto_contenedor div.pie a,
div.portada_grupo_productos div.producto_contenedor div.pie a:visited { text-decoration: none; border: 1px;}
div.portada_grupo_productos div.producto_contenedor div.pie a:hover   { text-decoration: underline; }

div.oferta { border: 3px solid #99cc00; }
span.oferta {color: #99cc00; font-size: .8em; font-weight: bold; } 
  


div.hover{
	
}

div.ingreso_listado {width: 200px;}

div#div_cargando {
	position: absolute;
	top: 39%;
	left: 42%;
	text-align: center;
	width: 200px;
	background: Black;
	color: White;
	font-weight: bold;
	padding: 20px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div#div_cargando_imagen {
	vertical-align: middle;
	position: absolute;
	text-align: center;
	width: 230px;
	background: Black;
	color: White;
	font-weight: bold;
	padding: 10px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div#div_cargando_pub {
	vertical-align: middle;
	position: absolute;
	text-align: center;
  left: 100;
  top: 200;
	width: 400px;
  height: 300px
	background: Black;
	color: White;
	font-weight: bold;
	padding: 20px;
  z-index: 9999;
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}



span.orden_asc { font-weight: bold; }
span.orden_desc { font-weight: bold; }

.handcursor{
cursor:hand;
cursor:pointer;
}

div.desc_aplicado { color: green; text-align: center; margin: .8em 2.5em .8em 0; padding: .8em; background: white; }

.centrar { text-align: center; }
