/* CSS Document */


/*----------------------------- PRODUCTO FICHA  ------------------------------------*/
div.ctrl_listado{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	position:relative;
}

	div.ctrl_listado ul{
		float:left;
		width:98%;
		height:auto;
		margin:0 0 10px 0;
		padding:0;
		position:relative;
		list-style-type:none;
	}
		*>div.ctrl_listado ul{
			margin:0 0 10px 1%;
		}
	div.ctrl_listado ul li{
		float:right;
		width:310px;
		height:auto;
		margin:0;
		padding:2px 0 2px 0;
		position:relative;
		color:#535353;
	}
		div.ctrl_listado ul p{
			margin: 0;
			padding: 0;
		}
		div.ctrl_listado ul li a{
		text-decoration: none;
		color: #AAAAAA;
		font-family: Arial;
		}
				
		div.ctrl_listado ul li a:hover{
			color: red;
		}

	div.ctrl_listado ul li.producto{
		background:url(../images/punteado_ficha_listado.jpg) bottom left repeat-x;
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
	}

	div.ctrl_listado ul li.producto_miniatura{
		float:left;
		width:25%;
		height:auto;
		margin-left:5px;
		padding:2px 0 2px 0;
		position:relative;
		color:#535353;
	}
		div.ctrl_listado ul li.producto_miniatura a{
		text-decoration: none;
		color: #AAAAAA;
		}
		div.ctrl_listado ul li.producto_miniatura p{
			margin: 0;
			padding: 0;
			width: 100%;
			height: 50px;
			position: relative;
			float: left;
			overflow: hidden:
		}
	div.ctrl_listado ul li.producto_miniatura img{
		height: 100%;
	}
	div.ctrl_listado p.listado{
		float:left;
		width:29%;
		text-align:left;
		margin:0 0 5px 15px;
		padding:0px 0 0 13px;
		font-weight:bold;
		color: #bbbbbb;
		font-size:16px;
		margin: 0;
		background:url(../images/marcador.jpg) left no-repeat;
		
	}
	div.ctrl_listado p.listado a{
	  text-decoration: none;
	  color: #aaaaaa;
	  font-size: 12px;
	  font-family: Arial;

	}
	div.ctrl_listado p.listado a:hover{
	    color: red;
	}
	div.ctrl_listado a.volver{
	    float: right;
	    text-decoration: none;
	    color: #bbbbbb;
		font-family: Arial;
	}
	div.ctrl_listado a.volver:hover{

		color: red;
	}
	div.ctrl_listado p.sublistado{
		float:left;
		width:95%;
		height: 25px;
		text-align: right;
		margin:20px 0 12px 0;
		padding:5px 1% 0 0;
		font-weight:bold;
		color: #444444;
		font-size:17px;
		background:url(../images/bottom_categoria.gif);
		background-repeat: no-repeat;
		background-position: bottom 40;
		font-family: Arial;
  
	}	
			
	div.ctrl_listado p.titulo{
		float:left;
		width:73%;
		margin:0 0 5px 10px;
		padding:0;
		font-size:11px;
		font-weight:bold;
	}
	div.ctrl_listado p.resumen{
		float:left;
		width:73%;
		margin:0 0 5px 10px;
		padding:0;
		font-size:10px;
	}	


	div.ctrl_listado p.imagen{
		float:left;
		width:20%;
		height:auto;
		margin:0 8px 10px 0px;
		padding:0;
	}
	*>div.ctrl_listado p.imagen{
		margin:0 8px 10px 10px;
	}

		div.ctrl_listado img.imagen{
			float:left;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			border: solid 1px black;
		}
								
	div.ctrl_listado a.ampliar{
		position:relative;
		float:right;
		width:29px;
		height:31px;
		margin:5px 15px 0 0;
		padding:0;
		background:url(../images/ir_ficha_producto.jpg) top right no-repeat;
		text-decoration:none;
		text-transform:uppercase;
	}
		div.ctrl_listado a.ampliar:hover{
			background:url(../images/ir_ficha_producto_sobre.jpg) top right no-repeat;			
		}
	div.ctrl_listado span.botones{
		float:left;
		width:100%;
		margin:15px 0 0 0;
		padding:0;
	}
		div.ctrl_listado span.botones a.editar{
			position:relative;
			float:right;
			height:22px;
			margin:0 20px 0 0;
			padding:0 0 0 20px;
			background:url(../images/editar.png) top left no-repeat;
			text-decoration:none;
			color:#333;
		}
		div.ctrl_listado span.botones a.borrar{
			position:relative;
			float:right;
			height:22px;
			margin:0 20px 0 0;
			padding:0 0 0 20px;
			background:url(../images/borrar.png) top left no-repeat;
			text-decoration:none;
			color:#333;
		}
		div.ctrl_listado span.botones a:hover{
			text-decoration:underline;
		}

/*----------------------------- LISTADO MAPA WEB  ------------------------------------*/
div.ctrl_listado_mapaweb{
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	position:relative;
}	
div.ctrl_listado_mapaweb a{
color:#666;
text-decoration:none;
}
div.ctrl_listado_mapaweb div.titulo{
	position: relative;
			float:left;
		width:100%;
		text-align:right;
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
		color:#d19087;
		font-size:40px;
}

	div.ctrl_listado_mapaweb ul{
		float:left;
		width:98%;
		height:auto;
		margin:10px 0 10px 0;
		padding:0;
		position:relative;
		list-style-type:none;
	}
	*>div.ctrl_listado_mapaweb ul{
		margin:0 0 10px 1%;
	}
	div.ctrl_listado_mapaweb ul li{
		float:left;
		width:100%;
		height:auto;
		margin:5px 0 5px 0;
		padding:0;
		position:relative;
		color:#736767;
		border-bottom:2px solid #FFF;
	}
		div.ctrl_listado_mapaweb ul li.color1{
			color:#cb0606;
		}
		div.ctrl_listado_mapaweb ul li.color2{
			color:#aaa;
		}


	div.ctrl_listado_mapaweb p{
		float:left;
		width:95%;
		margin:0 0 5px 10px;
		padding:0;
	}
	div.ctrl_listado_mapaweb p.hijo{
		float:left;
		width:90%;
		margin:0 0 5px 35px;
		padding:0;
	}
	div.ctrl_listado_mapaweb p.fecha{
		float:left;
		width:75%;
		margin:0 0 5px 10px;
		padding:0;
		font-size:9px;
		font-style:italic;
	}

								
	div.ctrl_listado_mapaweb ul li a.ampliar{
		position:relative;
		float:right;
		width:150px;
		margin:10px 15px 0 0;
		padding:0;
		color:#666;
		text-decoration:none;
		text-transform:uppercase;
	}
		div.ctrl_listado_mapaweb ul li a.ampliar:hover{
			color:#c14545;
			text-decoration:underline;
		}
	div.ctrl_listado_mapaweb a.enlaces{
		float:left;
		width:95%;
		margin:0 0 0 10px;
		padding:0;
		text-transform:uppercase;
		font-weight:bold;
		color:#c14545;
	}
		div.ctrl_listado_mapaweb a.enlaces:hover{
		   text-decoration:underline;
		}
	div.ctrl_listado_mapaweb a{
		text-decoration:none;
	}
		div.ctrl_listado_mapaweb a:hover{
		   text-decoration:underline;
		}