div.base_centro{
	position:relative;
	float:left;
	width:100%;
	margin: 15px 0;	
}

div.base_derecha{
	position:relative;
	float:left;
	width:100%;
	margin: 15px 0;
}

div.base_izquierda{
	position:relative;
	float:left;
	width:100%;
	margin: 15px 0;	
}
div.base_abajo:hover a.enlace_seccionlomas{
	opacity: 1;
}
a.enlace_seccionlomas{
background: rgba(0, 0, 0, 0) url("../img/mas_resumenes.png") no-repeat scroll right center;
font-size: 0;
height: 109px;
margin: 0;
opacity: 0.6;
padding: 0;
position: absolute;
right: -20px;
top: 0;
width: 25px;
transition:0.5s ease all;
}
	a.enlace_seccionlomas:hover{
border: medium none;

width:30px;
right:-30px;
	}
		

	div.cabecera_lomas{
color: #ff7f00;
float: right;
font-size: 1.5em;
font-weight: normal;
padding: 0;
text-align: right;
text-transform: uppercase;
width: auto;
margin-top:-45px;
	}
	
		div.base_centro div.cabecera_lomas{
background:none !important;

	}		
	
	ul.lomas{
display: block;
float: left;
height: auto;
margin: -4px 0 10px 2.5%;
padding: 0;
position: relative;
width: 97.5%;
	}
		ul.lomas li{
background: #fff none repeat scroll 0 0;
display: block;
float: left;
height: 120px;
margin: 0 0.5%;
overflow: hidden;
position: relative;
width: 19%;
		}
			ul.lomas li:hover{
				/*background:rgba(255,255,255,0.8);*/
				box-shadow:0px 0px 3px rgba(0,0,0,0.3);
			}		
		/*ul.lomas li:last-child{
			border:none;
		}*/
		
		/*PARA LA COLUMNA DEL CENTRO*/

		div.base_centro ul.lomas li{
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e8;
display: block;
float: left;
height: 180px;
margin: 18px 10px 0;
padding: 0;
transition: all 0.5s ease 0s;
width: 23%;
position:relative;
		}	
		div.base_centro ul.lomas li:hover{
			background: #f2f2f2 none repeat scroll 0 0;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
		}
		
		div.base_centro ul.lomas li:hover a.nombre_lomas{
			margin-top:-8px;
			
		}
		
				div.base_centro ul.lomas  li div.posicion_lomas{
background: #00135f none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
font-size: 23px;
font-weight: normal;
height: 40px;
left: 10px;
margin: 0;
opacity: 0.7;
padding: 10px 0 0;
position: absolute;
text-align: center;
top: 10px;
width: 50px;
z-index: 10000;
				}					
			
				div.base_centro ul.lomas li a.imagen_lomas{
height: 120px;
margin-top: 10px;
overflow: hidden;
text-align: center;
width: 100%;
display:block;
position:relative;	
					}
				div.base_centro ul.lomas li a.imagen_lomas img{
height: 100%;
margin: 0;
				}
			div.base_centro ul.lomas li a.nombre_lomas{
color: #222;
display: block;
font-size: 0.9em;
padding: 5px 2%;
position: relative;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
width: 96%;
				}
				
					div.base_centro ul.lomas li a.nombre_lomas:hover{
						text-decoration:none;
						color:#777;	
					}
				


/*FIN PARA LA COLUMNA DEL CENTRO*/
		
		
					/*PARA LA COLUMNA DERECHA*/
				div.base_derecha ul.lomas  li div.posicion_lomas{
					font-size:20px;
					font-weight:bold;	
					width:25px;
					color:#888;
					position:relative;
					float:left;
					padding-top:15px;
				}					
			
				div.base_derecha ul.lomas li a.imagen_lomas{
					display: block;
					float: left;
					height: 55px;
					position: relative;
					text-align: center;
					width: 60px;		
					overflow:hidden;	
					}
				div.base_derecha ul.lomas li a.imagen_lomas img{
					height:auto;
					width:100%;
				}
			div.base_derecha ul.lomas li a.nombre_lomas{
				display: block;
				float: right;
				font-size: 13px;
				height: auto;
				margin-top: 5px;
				position: relative;
				width: 158px;
			}
				
				p.resumen_lomas{display:none;}
								
				
/*	PARA EL PIE DE LA PÁGINA*/		

div.base_abajo{  
float: left;
height: 114px;
margin: 0.5% 0;
padding: 0;
position: relative;
transition: background 0.4s ease 0s;
width: 98%;
}
	div.base_abajo:hover{  
		/*background:rgba(255, 255, 255,0.4);*/
		background:#ddd;
	}
			
		div.base_abajo  a:hover span{
			color:#fff;
		}		
			
	a.enlace_seccionlomas span{
		color: #666;
		font-size: 1em;	
	}
	

	div.base_abajo div.cabecera_lomas{
border-radius: 0;
box-shadow: none;
color: #fff;
float: left;
font-family: "Roboto Condensed";
font-size: 1.2em;
height: auto;
left: -43px;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 44px;
transform: rotate(270deg);
width: 120px;
	}
	
	div.base_centroLoMas div.cabecera_lomas{
		font-size: 1em;
		padding: 5px 0;
		text-align: left;
		text-indent: 20px;
	}
	div.base_abajo:first-child div.cabecera_lomas{
		/*box-shadow: -2px 0 2px #999;*/
	}
	
		
				div.base_abajo ul.lomas  li div.posicion_lomas{
					font-weight:bold;	
					width:25px;
					color:#888;
					position:relative;
					float:left;
					padding-top:15px;
					display:none;
				}					
			
				div.base_abajo ul.lomas li a.imagen_lomas{
display: block;
float: left;
height: 65px;
overflow: hidden;
padding: 5px 0;
position: relative;
text-align: center;
width: 100%;
					}
				div.base_abajo ul.lomas li a.imagen_lomas img{
height: 100%;
width: auto;
				}
				div.base_abajo ul.lomas li .objeto_lomas_datos{
display: block;
float: left;
font-size: 0.9em;
height: auto;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
				}

			div.base_abajo ul.lomas li a.nombre_lomas{
color: #333;
display: block;
float: left;
font-size: 1em;
height: auto;
margin: 3px 2%;
overflow: hidden;
padding: 0 ;
position: relative;
text-align: center;
width: 96%;
			}
					div.base_abajo ul.vendidos li:hover a.nombre_lomas{
						color:#E89132;
					}		
					div.base_abajo ul.vendidos li:hover a.nombre_lomas:hover{
						color:#E89132;
					}		
					
					div.base_abajo ul.vistos li:hover a.nombre_lomas{
						color:#6EA0D1;
					}		
					div.base_abajo ul.vistos li:hover a.nombre_lomas:hover{
						color:#6EA0D1;
					}	
					
					div.base_abajo ul.favoritos li:hover a.nombre_lomas{
						color:#77AF44;
					}		
					div.base_abajo ul.favoritos li:hover a.nombre_lomas:hover{
						color:#77AF44;
					}		
					
					div.base_abajo ul.valorados li:hover a.nombre_lomas{
						color:#172A5D;
					}		
					div.base_abajo ul.valorados li:hover a.nombre_lomas:hover{
						color:#172A5D;
					}		
																											
			div.base_abajo ul.lomas li a.nombre_lomas:hover{
				text-decoration:none;
				color:#111;
			}
				
			div.base_abajo ul.lomas li	p.resumen_lomas{
					color: #666;
					display: block;
					float: left;
					height: auto;
					margin: 0;
					overflow: hidden;
					padding: 0;
					width: 100%;
				}	
				
			div.base_abajo ul.lomas li a.ampliarLoMas	{display:none;}