/* CSS Document */

/***************************** LISTADO OFERTAS ****************/
#listado_ofertas{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
#listado_ofertas p.aviso{
	width:95%;
	height:auto;
	float:left;
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#FF9900;
}
#listado_ofertas ul{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#listado_ofertas ul li{
	width:91%;
	height:auto;
	float:left;
	margin:5px 10px 5px 10px;
	padding:7px 10px 10px 10px;
	list-style-type:none;
	background: url(../img/fondo_ficha.gif) bottom left no-repeat #F2F2F2;
	position:relative;
}
	*>#listado_ofertas ul li{
		width:93%;
		margin:5px 10px 5px 10px;
		padding:7px 10px 10px 10px;
	}
	#listado_ofertas ul li.color1{
		border-top:#FF8300 7px solid;
	}
	#listado_ofertas ul li.color2{
		border-top:#FDCB97 7px solid;
	}
	#listado_ofertas ul li select{
			width:45%;
			height:18px;
			float:left;
			margin:5px 10px 0 5px;
			color:#FF8300;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			border:#FF6600 1px solid;
			background:#FDCB97;
		}
	#listado_ofertas span.empresa{
		width:45%;
		height:auto;
		float:left;
		font-style:italic;
		color: #666666;
	}
	#listado_ofertas span.titulo{
		width:100%;
		height:auto;
		float:left;
		margin:2px 0 2px 0;
		font-weight:bold;
		color: #666666;
		text-align:center;
	}
	#listado_ofertas span.precio{
		width:55%;
		height:auto;
		float:left;
		font-weight:bold;
		color: #999999;
		text-align:right;
	}
	#listado_ofertas span.titulo_ofertas{
		width:100%;
		height:auto;
		float:left;
		margin:5px 0 0 0;
		font-weight:bold;
		color: #FF8300;
		text-align:center;
	}
	#listado_ofertas span a.titulo{
		width:100%;
		height:auto;
		float:left;
		margin:5px 0 0 0;
		font-weight:bold;
		color: #FF8300;
		text-align:center;
		text-decoration:none;
	}
	
	#listado_ofertas span a.borrar_oferta{
		width:30px;
		height:15px;
		float:right;
		margin:7px 0 0 0;
		padding:0 0 0 20px;
		font-size:11px;
		color: #FF0000;
		text-decoration:none;
		background: url(../img/borrar_oferta.gif) top left no-repeat;
	}
	#listado_ofertas span a.modificar_oferta{
		width:55px;
		height:15px;
		float:right;
		margin:7px 0 0 0;
		padding:0 0 0 20px;
		font-size:11px;
		color: #666;
		text-decoration:none;
		background: url(../img/modificar_oferta.gif) top left no-repeat;
	}
	#listado_ofertas span a.nueva_oferta{
		width:45px;
		height:15px;
		float:right;
		margin:7px 0 0 0;
		padding:0 0 0 20px;
		font-size:11px;
		color: #666;
		text-decoration:none;
		background: url(../img/nueva_oferta.gif) top left no-repeat;
	}
		#listado_ofertas span a.titulo:hover{
			text-decoration:underline;
		}
		#listado_ofertas span a.modificar_oferta:hover{
			text-decoration:underline;
		}
		#listado_ofertas span a.nueva_oferta:hover{
			text-decoration:underline;
		}
			#listado_ofertas span a.borrar_oferta:hover{
			text-decoration:underline;
		}
	#listado_ofertas span.descripcion{
		width:100%;
		height:auto;
		float:left;
		margin:5px 0 5px 0;
		color: #333333;
	}
	#listado_ofertas span.categoria{
		width:auto;
		height:auto;
		float:right;
		margin:5px 35px 0 0;
		color: #333333;
		font-size:14px;
	}
	#listado_ofertas a.empresa{
		width:auto;
		height:auto;
		float:right;
		margin:0;
		text-decoration:none;
		color: #333333;
	}
		#listado_ofertas a.empresa:hover{
			text-decoration:underline;
			font-weight:bold;
		}

/***************************** OPCIONES OFERTAS ****************/	
#opciones_ofertas{
	width:70%;
	height:auto;
	float:right;
	margin:0;
	padding:0;
}
	#opciones_ofertas a.ofertas{
		width:80px;
		height:23px;
		float:left;
		margin:0;
		padding:7px 0 0 40px;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		background:url(../img/fondo_opciones_nuevo.gif) top left no-repeat;
	}
	#opciones_ofertas a.gestion{
		width:80px;
		height:23px;
		float:left;
		margin:0;
		padding:7px 0 0 40px;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		background:url(../img/fondo_opciones_ofertas_nuevo.gif) top left no-repeat;
	}
	#opciones_ofertas a:hover{
		color:#FF8300;
	}
	
/*************************** FICHA ************************************/
#ficha{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
	#ficha h1{
		position:absolute;
		top:0;
		right:25px;
		width:auto;
		height:auto;
		font-size:12px;
		color:#FFFFFF;
	}
	#ficha ul{
		width:92%;
		height:auto;
		float:left;
		list-style-type:none;
		margin:5px 10px 5px 10px;
		padding:7px 10px 10px 10px;
		list-style-type:none;
		background:url(../img/fondo_formu.gif) bottom left no-repeat #F2F2F2;
		border-top:#FF8300 20px solid;
	}
	#ficha ul li{
		width:92%;
		height:auto;
		float:left;
		margin:5px 10px 0 10px;
		padding:0;
		list-style-type:none;
		
	}
		#ficha ul li label{
			width:31%;
			height:auto;
			float:left;
			margin:5px 10px 0 10px;
			padding:3px;
			list-style-type:none;
			text-align:right;
			font-weight:bold;
			color: #666666;
		}
		#ficha ul li label.precio{
			text-align:left;
			margin:5px 10px 0 0px;
		}
		#ficha ul li textarea{
			width:55%;
			height:80px;
			float:left;
			margin:5px 10px 0 5px;
			padding:3px;
			color:#FF8300;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			border:#FF6600 1px solid;
		}
		#ficha ul li select{
			width:45%;
			height:18px;
			float:left;
			margin:5px 10px 0 5px;
			color:#FF8300;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			border:#FF6600 1px solid;
			background:#FDCB97;
		}
		#ficha ul li select.buscador{
			width:45%;
			background:#FFFFFF;
		}
		#ficha ul li input{
			width:50%;
			height:auto;
			float:left;
			margin:5px 10px 0 5px;
			padding:2px;
			list-style-type:none;
			border:#FF6600 1px solid;
			background-color:#FFF;
			color:#FF8300;
			font-size:10px;
		}
		#ficha ul li span.fecha{
			width:auto;
			height:auto;
			float:left;
			margin:5px 10px 0 10px;
			padding:3px;
			font-size:10px;
			font-weight:bold;
			color: #666666;
		}
		
		#ficha ul li input.nombre{
			width:15%;
			background:#FDCB97;
		}
		#ficha ul li input.apellidos{
			width:35%;
			background:#FDCB97;
		}
		#ficha ul li input.precio{
			width:50px;
		}
		#ficha ul li input.ciudad{
			width:15%;
			background:#FDCB97;
		}
		#ficha ul li input.telefono{
			width:15%;
		}
		#ficha ul li input.nacimiento{
			width:15%;
			background:#FDCB97;
		}
		#ficha ul li input.email{
			width:50%;
			background:#FDCB97;
		}
		#ficha ul li input.file{
			background:#FDCB97;
		}
		
		#ficha ul li input.edad{
			width:5%;
			height:auto;
			float:left;
			margin:5px 10px 0 5px;
			list-style-type:none;
			border:#FF6600 1px solid;
			text-align:center;
		}
		#ficha ul li input.boton{
			width:auto;
			height:auto;
			float:right;
			margin:5px 10px 0 5px;
			padding:3px 5px 3px 5px;
			list-style-type:none;
			border:none;
			background-color:#FDCB97;
			border:#FF8300 1px solid;
			color:#FFFFFF;
			font-weight:bold;
			font-size:12px;
		}