/* ********************************************************************** */
/* *							CSS para Tablas							* */
/* ********************************************************************** */

/*  ***********************   TABLA TIPO LISTA ****************************/
.lista
{
	width:100%;
	border:1px solid #E7ECF0; /*double #f2f2f2;*/
	margin:15px 2px;
}

.lista tr
{
	height:20px;
}

.lista tr.estatico
{
	background:#f2f2f2;
}

.lista th,
.lista td,
.lista td a
{
	padding:2px;
	font-size:13px;	
	vertical-align:top;
}

.lista td a
{
	color:#FFCC00;	
}

.lista td a:hover
{
	text-decoration:none;
}

.lista th
{
	background:url(images/text-bg.gif) #ffffff repeat-x;
	border-bottom:3px double #f2f2f2;
	line-height:20px;
	border-right:3px double #f2f2f2;
}

.lista td
{
	border-right:1px solid #f2f2f2;	
	border-bottom:1px solid #f2f2f2;
	line-height:20px;	
}

/* ********************* Tabla Plomo************************************************* */
#tabla_plomo
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 15px;
	width: 400px;
	text-align: left;
	border-collapse: collapse;
}

#tabla_plomo thead 
{
	background: #909090 url(images/plomo_cab_med.png) top repeat-x;
	height:24px;
}
#tabla_plomo thead th.cabeza_izq
{
	background: #909090 url(images/plomo_cab_izq.png) left top no-repeat;
	padding:0px;
}
#tabla_plomo thead th.cabeza_med
{
	padding-left:5px;
	padding-right:5px;
	width:auto;
	color: #000000; /* #2E5C8D;*/
}
#tabla_plomo thead th.cabeza_der
{
	background: #909090 url(images/plomo_cab_der.png) right top no-repeat;
	padding:0px;
}

#tabla_plomo tbody
{
	background: #EEEEEE;
	color: #666666;
}
#tabla_plomo tbody td
{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #FFFFFF;
}

#tabla_plomo tfoot 
{
	background: #EEEEEE url(images/plomo_pie_med.png) bottom repeat-x;
	height: 23px;
}
#tabla_plomo tfoot td.pie_izq
{
	background: #e8edff url(images/plomo_pie_izq.png) left bottom no-repeat;
}
#tabla_plomo tfoot td.pie_med
{
	padding-left:5px;
	padding-right:5px;
	width:auto;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#tabla_plomo tfoot td.pie_der
{
	background: #e8edff url(images/plomo_pie_der.png) right bottom no-repeat;
}


/*  ***********************   ESTILOS MINIMALISTAS ****************************/
#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}
/* ********************************************************************** */
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: auto;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 12px;
	font-weight: normal;
	color: #967152;
	padding: 10px 8px;
	border-bottom: 2px solid #2E5C8D;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #2E5C8D;
	color: #2E5C8D;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

/* ********************************************************************** */
#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}

/* ********************************************************************** */
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}

/* ********************************************************************** */
#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* ********************************************************************** */
#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

/* ********************************************************************** */
#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}

/* ********************************************************************** */
#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}

/* ********************************************************************** */
#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 20px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #2E5C8D;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: bold;
	font-size: 12px;
	color: #2E5C8D;
	border-bottom: 1px dashed #2E5C8D;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #666666;
}

/*
#newspaper-a tbody tr:hover td
{
	color: #333333;
	background: #E2E2E2;
}
*/

#newspaper-a tfoot td
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 10px;
	color: #003366;
	border-top: 1px dashed #2E5C8D;
}

/* ************************************************************************ */
#newspaper-af
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 10px;
	width: 950px;
	border-collapse: collapse;
	border: 1px solid #2E5C8D;
}
#newspaper-af th
{
	padding: 12px 17px 12px 17px;
	font-weight: bold;
	font-size: 12px;
	color: #2E5C8D;
	border-bottom: 1px dashed #2E5C8D;
	background-color: #CFD9E0; 
}
#newspaper-af td
{
	padding: 7px 7px 7px 7px;
	color: #666666;
	/*border-top: 1px solid #DDDDDD;*/
	/* border: 1px solid #DDDDDD;*/
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px dashed #CCC;
}

#newspaper-af tfoot td
{
	/*padding: 12px 17px 12px 17px;*/
	
	padding-left: 12px;
	padding-right: 12px;
	padding-top:2px;
	padding-bottom:2px;
	
	font-weight: normal;
	font-size: 10px;
	color: #003366;
	border-top: 1px dashed #2E5C8D;
}


/* ********************************************************************** */
#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 15px;
	width: auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #2E5C8D;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 11px;
	color: #2E5C8D;
	background-color:#C1CED9;
	border-top: 1px solid #2E5C8D;
}
#newspaper-b tbody
{
	background: #E7ECF0;
}
#newspaper-b td
{
	padding: 10px;
	color: #2E5C8D;
	border-top: 1px dashed #fff;
}
#newspaper-b td a:link
{
	text-decoration:underline;
}
#newspaper-b td a:visited
{
	text-decoration:underline;
}

/*#newspaper-b tbody tr:hover td
{
	color: #333333;
	background: #E0EBF5;
}*/

#newspaper-b tfoot td
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 11px;
	color: #2E5C8D;
	background-color:#C1CED9;
	border-top: 1px dashed #2E5C8D;
}

/* ********************************************************************** */
#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 2px;
	width: auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #A0A0A0;
}
#newspaper-c th
{
	padding:5px;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	background-color: #DDDDDD;	
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 5px;
	color: #333333;
	border-right: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
}
#newspaper-c tfoot td
{
	padding: 5px;
	color: #333333;
	border-top: 1px dashed #CCCCCC;
 	background-color: #DDDDDD;	;
}


/* ********************************************************************** */
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: auto;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url(images/left.png) left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url(images/right.png) right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url(images/botleft.png) left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url(images/botright.png) right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/* ********************************************************************** */
#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

/* ********************************************************************** */
#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}

/* ********************************************************************** */
#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}

/* ********************************************************************** */
#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}