/* CSS Document */


body{
margin:0px;
background-color:#A2B3CD;
padding:0px 0px 0px 0px ;
text-align:center;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}
	#background{
	position:absolute;
	top:0;
	left:0;
	background:#97AAC8 url(img/bg-body.jpg) no-repeat top center;
	width:100%;
	height:921px;}

	body #contenedor{
	 text-align:left;
	 width:998px;
	 margin:0 auto;
	 position:relative;
	 height:auto;
	 }
	 
	 body #contenedor #contenido{
	 float:left;
	 background:#FFFFFF url(img/bg-cabecera.jpg) no-repeat 0 0;}
	 
	 #cuerpo{
	 font-size:0.8em;
	 float:left;
	 height:688px;
	 padding-bottom:10px;
	 width:998px;
 	 
	 }
	
	
	
		#cabecera{
		height:115px;
	 	width:998px;
		
		}
		
		#logo{
		width:100%;
		}
		
		h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#023667;
		padding:17px;
		float:left;
		}
					
			#bbk{
			float:right;
			padding: 5px 10px 0 0;
			color:#C59724;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:1em;
			}
				#bbk img{
				margin:10px 0 0 0;
				}
				


		 #banner_ofertas{
			margin:0 0 0 55px;
			background:transparent url(img/bg_banner.gif) no-repeat 50px 35px;
			height:95px;
			width:900px;
			float:left;
		}
			#banner_ofertas ol li{
			float:left;
			list-style:none;
			}
			#banner_ofertas p{
			font-size:18px;
			font-weight:bold;
			padding:43px 0 0 0;
			}
			
			
		 #cuerpo-central{
		 padding-top:0px;
		 float:left;
		 width:653px;
		 position:relative;}
		 
		 #cuerpo-central p.intro{
		 padding-left:30px;
		 color:#254667;
		 font-size:1.2em;
		 font-family:Georgia, "Times New Roman", Times, serif;}
			
			
			
		
			
		#oferta{
		position:absolute;
		top:-13px;
		width:270px;
		padding-top:5px;
		height:35px;
		background:transparent url(img/bg-oferta.gif) no-repeat left top;
		padding-left:30px;
		right:0px;
		color:#315e88;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		z-index:999999999999999999999;}
		
		
/*-------------------cuerpo central------------------------------*/				 
			 #cuerpo-central p{
			 margin:0px 20px 20px 20px ;
			 }
			 
		 
			 #visor-imagenes{
			 position:relative;
			 text-align:center;
			 float:left;
			 margin-top:10px;
			 background:transparent url(img/bg-visor-imagenes.jpg) no-repeat center 38px;
			 width:655px;}
				 #visor-imagenes .vendido{
				 position: absolute;
				 top:3px;
				 left: 56px;}
				 .foto-central{
				 margin-left:15px;
				 border:3px solid #FFFFFF;
				 margin-bottom:0px;
				 padding-bottom:0px;
				 z-index:1;
				 
				 }

/*  scroll   */

	#marco {
      background: transparent url(img/bg-ul-miniaturas.jpg) no-repeat 30px top;
			width:620px;
			overflow:hidden;
			overflow-x:hidden;
			overflow-y:hidden;
			padding-left:10px;
			float:left;
			padding-right:10px;
			position:relative;
	}

#thumb_container {
margin-left:44px;
overflow:hidden;
height:70px;
width:561px;
}

	#thumb_container ul{
	width:3900px;
	margin:0;
	padding:0;
	}

	#thumb_container li{
	float:left;
	width:71px;
	overflow:hidden;
	}

					#thumb_container li{
					 float:left;
					 list-style:none;
					 margin-top:0px;
					 padding:0px 5px 5px 5px;}
					 
						#thumb_container li a{
						 float:left;
						 padding-top:12px;}
						 
						#thumb_container li a:hover{
						 float:left;
						 padding-top:12px;}
						 
						#thumb_container li a.selected{
						 float:left;
						 padding-top:12px;
						 background:transparent url(img/bg-selected.png) no-repeat top center;
						 }
						 
							#thumb_container li a img{
							 border:2px solid #254667;}
							 
								#thumb_container li a:hover img{
								 border:2px solid #7ca2c5;}
	
							#thumb_container li a.selected img{
							 float:left;
							 padding-top:0px;
							 border:2px solid #ffffff;}

					a.btn-derecha{
					position:absolute;
					top:25px;
					border:0px;
					right:7px;
					cursor:pointer;
					background:transparent url(img/btn-right-miniaturas.png) no-repeat right top;
					height:19px;
					width:19px;} 
						a.btn-derecha:hover{
						background:transparent url(img/btn-right-miniaturas.png) no-repeat 0px -19px;} 
					a.btn-izquierda{
					background:transparent url(img/btn-left-miniaturas.png) no-repeat left top;
					position:absolute;
					left:35px;
					border:0px;
					cursor:pointer;
					top:25px;
					height:19px;
					width:19px;} 
						a.btn-izquierda:hover{
						background:transparent url(img/btn-left-miniaturas.png) no-repeat 0px -19px;}		
			
				 
				 #visor-imagenes p.descripcion{
				 text-align:left;
				 float:left;
				 padding:10px 20px 20px 50px !important;
				 margin:0px;
				 min-height:120px;
				 height:auto!important;
				 height:100px;}
				 
				 #visor-imagenes p.descripcion{
				 
				    width:30em;
				 
				 }
				 
				 *:lang(es) #visor-imagenes p.descripcion{
				 
					width:24.4em;
				 
				 }
				 
				 #visor-imagenes h2{
				 color:#0f4372;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 text-align:left;
				 padding:5px;
				 float:left;
				 margin:0px 0px 0px 30px ;
				 width:600px;
				 font-size:1.9em;
				 background:#FFFFFF url(img/bg-h2.png) no-repeat left top;
				 
				}
				 
				 #visor-imagenes p.localizacion1, #visor-imagenes p.localizacion2{
				 background-color:;
				 float:left;
				 padding:5px 5px 5px 23px ;
				 margin:0px;
				 width:18.05em;
				 }
				 *:lang(es)  #visor-imagenes p.localizacion1, #visor-imagenes p.localizacion2{
				 
					width: 18em;
				 
				 }
				 #visor-imagenes p.localizacion1{
				 background:#dce8f4 url(img/icon-maps.png) no-repeat 3px 5px;
				 height:30px;}
				 #visor-imagenes p.localizacion1 span, #visor-imagenes p.localizacion2 span{
				 float:left;
				 font-weight:bold;
				 width:57px;	
				 padding-right:5px;
				 clear:left;}
				 #visor-imagenes p.localizacion2{
				 background:#dce8f4 url(img/icon-phone.png) no-repeat 3px 5px;
				 height:20px;
				 }
				 
				 .info{
				 background:#dce8f4 url(img/bg-boton-informacion.jpg) no-repeat left top;
				 float:left;
				 text-align:left;	
				 padding:2px 5px 0px 10px ;
				 margin:0px;
				 width:18.1em;
				 height:20px;
				 text-decoration:none;
				 color:#0e4272;}
				 *:lang(es) .info{
				 
					width:19em;
				 
				 }
				 
				 
		
			.bbk-logo{
			position:absolute;
			right:0px;
			bottom:0px;
			color:#C59724;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:1em;
			line-height:100%;}
			.bbk-logo em{
			font-style:normal;
			position:relative;
			top:-12px;}
			
	
/*-------------------fin de cuerpo central------------------------------*/	


			 		
/*------------------- barra derecha------------------------------*/				 		
			
		#barra-derecha{
		float:left;
		width:340px;
		padding-top:50px; }
			
		#barra-derecha ul{
		margin:0px;
		padding:0px;
		float:left;
		height:500px;
		background:transparent url(img/bg-ul-li-listado.png) repeat-y;
		}
			
		
		#barra-derecha ul li{
		cursor:pointer;
		position:relative;
		list-style:none;
		margin-bottom:5px;
		background:#ffffff url(img/bg-ul-li-listado.png) repeat-y; 
		float:right;}
		
		#barra-derecha ul li a{
		cursor:pointer;
		padding:5px 5px 5px 30px ;
		text-decoration:none;
		float:left;}
		
		#barra-derecha ul li a:hover{
		cursor:pointer;
		padding:5px 5px 5px 30px ;
		color:#FFFFFF;
		text-decoration:none;
		background: transparent url(img/bg-ahover.gif) repeat-y;
		float:left;}
		
		#barra-derecha ul li a:hover img.miniatura{
		border:1px solid #ffffff;}
		
		#barra-derecha ul li a:hover span.situacion{
		color:#ffffff;
		}

			#barra-derecha ul li a img.miniatura{
			cursor:pointer;
			border:1px solid #5c7e9a;
			text-decoration:none;
			}
			
			#barra-derecha ul li a img.miniatura_selected{
			cursor:pointer;
			border:1px solid #5c7e9a;
			text-decoration:none;
			margin-left:5px;
			}
			
			
			
			#barra-derecha ul li h3, #barra-derecha ul li h4, #barra-derecha ul li img.miniatura, #barra-derecha ul li img.miniatura_selected, #barra-derecha ul li span {
			float:left;
		    cursor:pointer;}
			
			#barra-derecha ul li a h3{
			font-size:.9em;
			padding-left:5px;
			color:#0f4372;}
			
			#barra-derecha ul li a h4{
			font-size:0.7em;
			padding-left:5px;
			color:#0f4372;}			
			
			#barra-derecha ul li span {
			width:208px;
			padding-left:5px;
			padding-bottom:3px;
			font-size:0.8em;
			color:#444444;}
			
			#barra-derecha ul li span.situacion{
			border-top:1px solid #eef5fd;
			color:#567997;
			font-size:0.9em;
			text-align:right;}
			
			
			
			#barra-derecha ul li h3{
			margin:0px;
			padding:0px;
			font-family:Georgia, "Times New Roman", Times, serif;}
		
			#barra-derecha ul li h4{
			margin:0px;
			padding:0px;
			font-family:Georgia, "Times New Roman", Times, serif;}		
			
			
		
		#barra-derecha ul li.selected{
		list-style:none;
		position:relative;
		margin-bottom:5px;
		background:#244767 url(img/bg-ul-li-listado-selected.gif) no-repeat left center; 
		float:right;}
		
		#barra-derecha ul li.selected a{
		padding:5px 5px 5px 25px ;}
		
		#barra-derecha ul li.selected a:hover{
		padding:5px 5px 5px 25px ;
		background: transparent url(img/bg-selected-ahover.gif) repeat-y ;}
		
		
			#barra-derecha ul li.selected a img.miniatura{
			border:1px solid #FFFFFF;}
			
			#barra-derecha ul li.selected a span.situacion{
			border-top:1px solid #96abc0;}
			
			#barra-derecha ul li.selected a span{
			color:#FFFFFF;
			}
			
			#barra-derecha ul li.selected a span.situacion{
			border-top:1px solid #96abc0;}
			
			#barra-derecha ul li.selected a h3{
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFFFFF;}
			
			#barra-derecha ul li.selected a h4{
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#FFFFFF;}
			
	
			
			
				 
	
			 		
/*------------------- paginacion------------------------------*/



#paginacion{
	text-align:center;
	float:left;
	clear:both;
	width:340px;
	padding:3px 0px;
	margin:5px 0px;}
	#paginacion p{
	text-align:center;}
	
	
	#paginacion a{
	text-decoration:none;
	color:#527da7;}
	
	#paginacion a.paginacion-anterior{
	padding-right:20px;
	padding-left:20px;
	background:transparent url(img/bg-a-paginacion-anterior.gif) no-repeat left center;}
	
	#paginacion a.paginacion-siguiente{
	padding-left:20px;
	padding-right:20px;
	background:transparent url(img/bg-a-paginacion-siguiente.gif) no-repeat right center;
	}
	
	#paginacion a:hover{
	text-decoration:underline;
	color:#527da7;}
	
	#paginacion span.current{
	text-decoration:none;
	text-align:center;
	background:transparent url(img/paginacion-a-current.gif) no-repeat center center;
	color:#FFFFFF;
	padding:5px 7px 5px 7px ;
	margin:3px;
	}




					
					
				
/*------------------- fin de paginacion------------------------------*/			
			 		
/*-------------------fin de  barra derecha------------------------------*/