#dir {
	width:780px;
	height:auto;
	overflow:auto;
	/*border:#CCCCCC 1px solid;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#dir * {outline:0}

#dir ul {list-style-type:none; margin:0; padding:0}

/* --------------------------------------------------------- */
/* Encabezado */

#dirSup {
	width:100%;
	height:60px;
	background:#FFF url(../imgs/tituloDirectorio.jpg) 0 0 no-repeat;
}

#dirInf {
	width:100%;
	height:auto;
	overflow:auto;
}

/* --------------------------------------------------------- */
/* Foto */

#dirCol_1 {
	float:left;
	width:100px;
	height:335px;
	background:#FFF url(../imgs/fotoDirectorio.jpg) 0 0 no-repeat;
}

/* --------------------------------------------------------- */
/* Sectores */

#dirCol_2 {
	float:left;
	position:relative;
	width:210px;
	height:335px;
	background:#3c4a63; /* AZUL OSC. */
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

	#dirCol_2 a {
		display:block;
		width:200px;
		height:18px;
		padding:4px 0 4px 10px;
		margin:0;
		text-decoration:none;
		color:#FFF;
		cursor:pointer;
	}
	
	#dirCol_2 a:hover {background:#99CC00}
	
	#dirCol_2 a.linkColor0:hover {background-color:#990099} 
	#dirCol_2 a.linkColor1:hover  {background-color:#E600E6} 
	#dirCol_2 a.linkColor2:hover  {background-color:#FF5B5B} 
	#dirCol_2 a.linkColor3:hover  {background-color:#FF0000} 
	#dirCol_2 a.linkColor4:hover  {background-color:#FF6600} 
	#dirCol_2 a.linkColor5:hover  {background-color:#FFCC00} 
	#dirCol_2 a.linkColor6:hover  {background-color:#006633} 
	#dirCol_2 a.linkColor7:hover  {background-color:#339900} 
	#dirCol_2 a.linkColor8:hover  {background-color:#33CC99} 
	#dirCol_2 a.linkColor9:hover  {background-color:#6EA9DB} 
	#dirCol_2 a.linkColor10:hover  {background-color:#0066CC} 
	#dirCol_2 a.linkColor11:hover  {background-color:#000099}
	#dirCol_2 a.linkColor12:hover  {background-color:#990099} 
	#dirCol_2 a.linkColor13:hover  {background-color:#E600E6} 
	#dirCol_2 a.linkColor14:hover  {background-color:#FF5B5B} 
	#dirCol_2 a.linkColor15:hover  {background-color:#FF0000}

/* --------------------------------------------------------- */

#dirCol_3 {
	position:relative;
	float:right;
	width:470px;
	height:335px;
	background:#FFF url(../imgs/bg_dir_cast.jpg) 0 0 no-repeat;
}

	#dirCol_3 div.floatL {float:left}
	#dirCol_3 div.floatR {float:right}

	/* Ficha de comercios */
	
	#dirCol_3 div.dirFicha {
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		background:#009900;
		width:10px; /*410px;*/
		height:10px; /*320px;*/
		padding:5px 0 0 20px;
		visibility:hidden;
	}
	
	#dirCol_3 div.dirFicha h1 {margin:0; padding:0; font-size:26px; font-weight:bold; color:#FFF}

	#dirCol_3 div.dirFicha a {
		text-decoration:none;
		display:block;
		width:186px;
		height:12px;
		padding:2px;
		margin:0;
		font-size:10px;
		font-weight:bold;
		color:#FFF;
	}
		
	#dirCol_3 div.dirFicha a:hover {
		background:#333;
	}