table
        {
        width: auto;
        padding: 0;
        margin: 0 0 0 0;
        border-left: 2px solid #eaeced;
        border-collapse:collapse;
        }
th
        {
        font: 15px Arial, Helvetica, sans-serif;
        color: #000000;
        border-right: 2px solid #eaeced;
        border-bottom: 2px solid #eaeced;
        border-top: 2px solid #eaeced;
        text-align: left;
        padding: 8px 12px 8px 12px;
        background: #CAE8EA url(rc/tabla_lista/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
		th:hover{
		font-weight:bold;
		}
th a:link, a:visited, a:active
		{
		color: #000000;
		}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #fff url(rc/tabla_lista/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#fff url(rc/tabla_lista/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#fff url(rc/tabla_lista/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
		font-weight: bold;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
td a
        {
        text-decoration:none;
        color:#000000;

        
        }
	.marcoFoto{
	width:110px;
	
	
}	
.Item_lista #preview {
	display:block;
	position: absolute;
	overflow: visible;
	z-index: auto;
	visibility: inherit;
}
.Item_lista #preview img
        {
       
		
        }
		.Item_lista #preview  .marcoNumero {
			background-color:#ff0000;
			float: left; 
			position: absolute; 
			z-index:500; 
			height: 17px; 
			width: 27px; 
			top:6px; 
			right: 7px;
			padding-top:5px;
			text-align:right;
			opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	.Item_lista #preview .captionNum {
		margin: 5px 5px 5px 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ffffff;
		font-weight: bold;		
	}

td a:hover
        {
        border:none;
        }
td:first-child
{
background:#ff0000;
}


td 
        {
        font: 13px Arial, Helvetica, sans-serif;
        color: #000000;
		background:#fafafa;
        text-align: left;
		padding: 8px 12px 0px 12px;
		
        border-right: 2px solid #eaeced;
        border-bottom: 2px solid #eaeced;
        border-top: 2px solid #eaeced;
		
		vertical-align:top;
		height:100px;
        }


td.lft
        {
        text-align:left;
        }
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
tr[class="alt"] td
        {
        background: #F5FAFA url(rc/tabla_lista/td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        /*Cuando queda seleccionado */
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
tbody tr.alt td:first-child
        {
        background: #F5FAFA url(rc/tabla_lista/bullet2.gif) no-repeat;
        
        }
tbody tr td:first-child
        {
	background-color: #fafafa;
	background-image: url(rc/elementos/sombraThumb.png);
	background-repeat: no-repeat;

        }
		td.primero
        {
	background-color: #fafafa;
	background-image: url(rc/elementos/sombraThumb.png);
	background-repeat: no-repeat;
        }
/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#F5FAFA;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        /*Cuando queda seleccionado */
        }


.Item_lista td .lin{
	display:block; 
	width:110px; 
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
	background:#444; 
	border:1px solid #e2e2e2;
}

	.Item_lista td .lin img{
		display:block; 
		width:100px; 
		height:75px; 
		border:5px solid #ffffff; 
	}

	.Item_lista td .lin:hover img{
		position:absolute; 
		z-index:990;
		left:-29px;
		top:-22px; 
		width:160px; 
		height:120px; 
		border-color:#fff;
	}
	.Item_lista td .lin:hover{
		white-space:normal; 
		position:relative; 
		z-index:990;
	}

td.hlt,
.Item_lista:hover td {
	background-color: #f3f4f5;
	color: black;
}

	td.hlt-odd,
	.Item_lista:hover td.odd {
		background-color: #f3f4f5;
		color: black;
	}

th.hlt, th.hlt-odd,
.Item_lista:hover th {
	background-color: red;
}


.Item_lista {
	h: expression(onmouseover=over);
	o: expression(onmouseout=out);
}

.tituloAvisoTabla {
	font-weight: bold;
	display:block;

}
.tablaMarco_titulo{
	width:300px; 
	display:block
}
.tablaMarco_tipo{
	width:100px; 
	display:block
}
.tablaMarco_negocio{
	width:90px; 
	display:block
}
.tablaMarco_ubicacion{
	width:90px; 
	display:block
}
.tablaMarco_precio{
	width:90px; 
	display:block
}