@charset "utf-8";

/* CSS - Hoja de estilo - SGM - Oscar Carbajo */
	/*-----------------------------------------------Configuración básica-----------------------------------------------*/
body {
	background-image: url("../img/bg_general.jpg");
	background-repeat: repeat-x;
	background-color: #94c8e7;
	margin: 0px auto;
	color: #666;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 21px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

h3 {
	margin: 0px;
	padding-top: 15px;
	font-size: 16px;
}

a {
	color: #069;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0px;
}

#limpiar {
	clear: both;
	height: 2px;
}

/*-----------------------------------------------  Cabecera  -----------------------------------------------*/
#cabecera_sup {
	background: url(../img/cabecera_superior.jpg) no-repeat;
	width: 1001px;
	height: 42px;
	margin: 0px auto;
}

#cabecera_menu {
	width: 1001px;
	text-align: left;
}

#cabecera_menu .botones_sup {
	width: 1001px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#cabecera_menu .botones_sup .separador {
	background: url("../img/separador_menu.jpg") repeat-x;
	width: 1px;
	height: 39px;
}

/*-----------------------------------------------  Contenido  -----------------------------------------------*/
#cuerpo {
	background: url(../img/bg_contenido.jpg) repeat-y;
	width: 1001px;
	margin: 0px auto;
	/*border: 1px #000 solid;*/
}

#cuerpo p {
	margin-left: 30px;
	margin-top: 0px;
}

#cuerpo .destacada {
	background: url('../img/bg_destacada.jpg') no-repeat;
	width: 1001px;
	height: 174px;
}

/*--------------------------------------------- Titulo ------------------------------------------------------*/
#titulo {
	width: 961px;
	margin: 0 auto;
}

#titulo .superior {
	background: url(../img/bg_titulo_27.jpg) no-repeat;
	width: 961px;
	height: 26px;
}

#titulo .centro {
	background: url(../img/titulo_28.jpg) no-repeat;
	width: 961px;
	height: 42px;
}

#titulo .inferior {
	background: url(../img/sombra_abajo.jpg) no-repeat;
	width: 961px;
	height: 9px;
}

#titulo_ficha {
	width: 961px;
	margin-left: 32px;
	background: url(../img/titulo_blanco.jpg) no-repeat center;
	height: 50px;
}

#titulo_ficha h2 {
	padding-top: 14px;
	padding-left: 45px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8dae00;
}

#titulo_categorias {
	width: 960px;
	margin-left: 32px;
	background: url(../img/titulo_categorias.jpg) no-repeat;
	height: 83px;
}

#titulo_usuarios {
	width: 960px;
	margin-left: 32px;
	background: url(../img/titulo_usuarios.jpg) no-repeat;
	height: 83px;
}

#titulo_como {
	width: 960px;
	margin-left: 32px;
	background: url(../img/titulo_como.jpg) no-repeat;
	height: 83px;
}

#titulo_contacto {
	width: 960px;
	margin-left: 32px;
	background: url(../img/titulo_contacto.jpg) no-repeat;
	height: 83px;
}

#titulo_detalle {
	width: 960px;
	margin-left: 32px;
	background: url(../img/titulo_detalle.jpg) no-repeat;
	height: 83px;
}

#titulo_categorias h2 {
	padding-top: 17px;
	padding-left: 70px;
}

/*--------------------------------------------- Elementos en portada -----------------------------------------------*/
#elementos {
	width: 953px;
	margin: 0 auto;
	padding-left: 46px;
}

.cuadro {
	background: url(../img/bg_elemento.jpg) no-repeat;
	width: 195px;
	height: 242px;
	float: left;
	margin-left: 25px;
	margin-top: 20px;
}

.cuadro h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #3a77b2;
	width: 185px;
	height: 30px;
	text-align: center;
}

.cuadro .imagen {
	width: 195px;
	height: 80px;
	text-align: center;
	overflow: hidden;
}

.cuadro .tiempo {
	width: 195px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.cuadro .precio {
	width: 195px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #F60;
}

.cuadro .usuario {
	width: 195px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}

.cuadro .boton {
	width: 195px;
	text-align: center;
	margin-top: 6px;
}

.cuadro_categoria {
	background: url(../img/bg_elemento_categorias.jpg) no-repeat;
	width: 195px;
	height: 153px;
	float: left;
	margin-left: 25px;
	margin-top: 20px;
}

.cuadro_categoria .imagen {
	width: 195px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
}

.cuadro_categoria .titulo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #3a77b2;
	font-weight: bold;
	width: 185px;
	height: 30px;
	text-align: center;
	margin-top: 5px;
}

.cuadro_categoria .descripcion {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color: #3a77b2;
	width: 185px;
	height: 30px;
	text-align: center;
	margin-left: 3px;
}

/*--------------------------------------------- Ficha o detalle ------------------------------------------------*/
#ficha {
	width: 764px;
	float: left;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../img/bg_img_y_texto.jpg) no-repeat right;
	height: 322px;
	overflow: hidden;
	padding-left: 35px;
}

#ficha .imagen {
	padding-top: 7px;
	width: 360px;
	height: 305px;
	float: left;
}

#ficha .texto {
	width: 350px;
	padding-top: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
}

#ficha .texto .titulo {
	margin-left: 50px;
	font-size: 18px;
	color: #F90;
	text-transform: uppercase;
	font-weight: bold;
}

#ficha .texto .tabla {
	margin-left: 50px;
	font-size: 13px;
}

#ficha .texto .tiempo {
	margin-top: 10px;
	background: url(../img/img_reloj_prueba.jpg) no-repeat;
	width: 200px;
	height: 42px;
	float: left;
}

#ficha .texto .tiempo span {
	font-size: 20px;
}

#ficha .texto .boton { /*border: 1px #000 solid; Borde para pruebas*/
	margin-top: 10px;
	float: left;
}

.detalles {
	margin-left: 50px;
	margin-right: 50px;
	text-align: justify;
}

.detalles .titulo {
	margin-bottom: 10PX;
	font-size: medium;
	color: #069;
	text-transform: uppercase;
}

.detalles .texto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.detalles .texto ul {
	list-style: none;
}

.detalles .texto li {
	list-style-image: url(../img/ico_cruz.jpg);
	padding-left: 15px;
	padding-bottom: 3px;
}

#miniaturas {
	margin-left: 50px;
	margin-top: 10px;
}

#miniaturas .imagen {
	background: url(../img/bg_miniatura.jpg) no-repeat;
	width: 200px;
	height: 169px;
	float: left;
	margin-right: 10px;
}

#miniaturas .titulo {
	margin-bottom: 10PX;
	margin-left: 10px;
	font-size: medium;
	color: #069;
	text-transform: uppercase;
}

/*--------------------------------------------- Listado inferior ------------------------------------------------*/
#listado {
	width: 980px;
	margin: 0 auto;
}

#listado .titulo_listado {
	background: url(../img/titulo_listado.jpg) no-repeat;
	width: 960px;
	height: 71px;
	margin-left: 21px;
}

#listado .cabecera_listado {
	background: url(../img/cabecera_listado.jpg) no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 800px;
	height: 26px;
	margin-left: 32px;
	padding-left: 60px;
	padding-top: 6px;
}

.separador {
	clear: both;
	background: url(../img/sombra_abajo.jpg) no-repeat;
	height: 9px;
}

#listado .bg_especial {
	background: url(../img/bg_opcion_lista_38.jpg) no-repeat center;
	width: 980px;
	height: 72px;
}

/*-----------------------------------------------  Pie  -----------------------------------------------------*/
#pie {
	background: url(../img/bg_pie.jpg) no-repeat;
	width: 1001px;
	margin: 0px auto;
	height: 52px;
	text-align: center;
	padding-top: 4px;
}

.c3 {
	padding: 40px;
}

/* LOGIN */
#txt_usr {
	width: 84px;
	height: 15px;
	border: 1px solid #baba9c;
	font-size: 9px;
}

#txt_pwd {
	width: 84px;
	height: 15px;
	border: 1px solid #baba9c;
	font-size: 9px;
}

/*--------------------------------------------------Otros-------------------------------------------------------*/
.d_error {
	border: 1px solid #FF3300;
	width: 532px;
	margin: 0px auto;
	min-height: 50px;
	text-align: left;
	padding-left: 70px;
	background-color: #c91414;
	background-image: url("../img/error.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 48px;
}

.d_actualizado {
	border: 1px solid #1b700d;
	width: 532px;
	margin: 0px auto;
	min-height: 50px;
	text-align: left;
	padding-left: 70px;
	background-color: #2aa317;
	background-image: url("../img/ok.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 48px;
}

.d_aviso {
	border: 1px solid #7c5610;
	width: 532px;
	margin: 0px auto;
	min-height: 50px;
	text-align: left;
	padding-left: 70px;
	background-color: #f2b900;
	background-image: url("../img/aviso_48.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 48px;
}

.d_error a,.d_actualizado a,.d_aviso a {
	color: #FFFFFF;
}

#banner_cab {
	background: url('../img/bg_destacada.jpg') no-repeat;
	width: 1001px;
	height: 174px;
}

.texto_login {
	color: #707071;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
}

#div_login {
	float: right;
	width: 233px;
	padding-top: 83px;
	text-align: left;
}

#acceso_lateral {
	width: 200px;
}

#div_destacada {
	float: left;
	width: 649px;
	padding-left: 94px;
	text-align: left;
}

#div_img_destacada {
	float: left;
	padding-top: 23px;
	padding-left: 20px;
}

#div_texto_destacada {
	float: left;
	padding-left: 76px;
}

#div_texto_destacada h2 {
	color: #FFF;
}

.opcion_panel {
	float: left;
}

.fLeyenda {
	font-weight: bold;
}

#globo1 {
	background: url('../img/img_registro_bocadillo1.jpg');
	width: 458px;
	height: 196px;
	padding-top: 20px;
}

#globo1 p,ol {
	margin-left: 70px;
	margin-right: 20px;
}

#mensaje {
	z-index: 99;
	position: relative;
	top: -60px;
	border: 1px solid #adadad;
	height: 60px;
	background-color: #fbcf54;
	color: #000;
	font-size: medium;
}

.sel {
	background-color: #f0b430;
	padding: 2px 5px;
}

#bg_chat
{
	background: #c8d200;
	border: 1px solid #999;
	height: 24px;
	width: 200px;
	position: fixed;
	left:0;
	z-index: 99;
	bottom: 0;
}
#abrir_chat {
	cursor: pointer;
}
#cerrar_chat {
	cursor: pointer;
}
#chat_subasta {
	width:200px;
	height: 252px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: xx-small;
}
#titulo_chat {
	border-bottom: 1px solid #999;
	height: 24px;
}
#form_chat {
	width:  200px;
	height: 24px;
	border-top: 1px solid #999;
	overflow: hidden;
}
#comentario {
	width: 130px;
	height:10px;
	font-size: xx-small;
	margin-left: 4px;
	margin-top: 3px;
}
#bt_enviar_chat {
	height: 18px;
	cursor: pointer;
	margin-top: 2px;
}