BODY
{
	background-image: url(Imagenes/FondoPrincipal.jpg);
	background-repeat: repeat-x;
	background-color: #d4ddec;
	background-position: top;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	position: absolute;
	margin: auto;
	width: 100%;
	font-family: Calibri, "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#333333;
}

P
{
	color:#333333;
	text-align:justify;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 5pt; 
	margin-bottom: 5pt;
}

h1, h2, h3
{
	color: #000080;
	text-align:center;
}
h1
{
	background-repeat: no-repeat;
	background-color: Transparent;
	background-image: url(Imagenes/Titulo.gif);
	background-position: center;
	color: White;
	height: 91px;
	text-align: center;
	padding-left: 82px;
	padding-top: 10px;
}
a img
{
	border: none 0 green;
}
/* Atributos para imagenes*/
img
{
	text-align:center;
	border: none 0 white;
}
.margen
{
	padding: 5px;
}
ul
{
	list-style-image: url(Imagenes/Bullet.png);
}
ol
{
	list-style-position: inside;
}
strong
{
	color:#000080;
}

/* Cuerpo(Capa) Principal donde se almacena todo el contenido
 * con el estilo del cuerpo se centra esta capa en los
 * dos navegadores principales Mozilla e IExplorer	
*/
#CuerpoPrincipal
{
	text-align: left;
	background-color: White;
	width: 1000px;
	margin: auto;
	margin-top: 2px;
	padding: 0px;
	height: auto;
	border: 1px solid #cccccc;
}
#Encabezado
{
	text-align:right;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-right: 15px;
	margin-top: 1px;
	width: 995px;
}
#divMenuNavegacion
{
	width: 100%;
	margin-bottom: 0px;
	border-bottom: #cccccc 1px solid;
}
#Contenido100
{
	background-image: url(Imagenes/FondoContenido.jpg);/*FondoGrisClaro.jpg);*/
	background-color: #f3f3f3;
	background-repeat: repeat-x;
	background-position: top;
}
#Contenido60
{
	width: 70%;
	padding: 5px 10px 5px 10px;
	float: left;
	border-right: #cccccc 1px solid;
	background-color:Transparent;
	background-image: url(Imagenes/FondoContenido.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
#Contenido40
{
	background-color:Transparent;
	width: 25%;
	padding: 5px 10px 5px 10px;
	float: left;
}
#Contenido50_1
{
	width: 47%;
	padding: 5px 10px 5px 10px;
	background-color:Transparent;
	float: left;
	/*border-right: #cccccc 1px solid;*/
	text-align: center;
	height: 100%;
}
#Contenido50_2
{
	padding: 5px 10px 5px 10px;
	background-color: Transparent;
	margin-left: 500px;
	text-align: center;
	height: 100%;
}

#BarraLateralIzq
{
	width: 250px;
	float: left;
	padding-right: 5px;
	padding-left: 10px;
	position: relative;
	left:0px;
	top:0px;
	margin-top:5px;
}
#BannerIzq
{
	text-align: center;
	background-color: Transparent;
}
#BannerIzq img
{
	width:100%;
}

#ContenidoPrincipal
{ 
   	margin-left: 270px;
   	margin-right: 260px;
   	padding-left: 5px;
   	padding-right: 5px;
   	border-right: #cccccc 1px solid;
   	border-left: #cccccc 1px solid;
   	background-image: url(Imagenes/FondoContenido.jpg);
   	background-position:top;
	background-repeat:repeat-x;
	/*border:1px solid green;*/
	/*voice-family: "\"}\"";*/
	/*voice-family: inherit;
	margin-right:261px;*/
}

#PiePagina
{
	padding: 2px;
	background-image: url(Imagenes/FondoPiePagina.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Calibri;
	font-size:x-small;
	clear: both;
	vertical-align: middle;
}
#PiePagina P
{
	margin-bottom:0pt;
	margin-top:0pt;
	text-align: center;
	color: #330099;
}
#BarraPublicidad
{
	background-image: url(Imagenes/FondoBarraPublicitariaDerechaNaranja.png);
	width: 250px;
	padding-left: 0px;
	float: right;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 5px;
	margin-left: 10px;
	color: black;
}

/* -----------------Estilos en elementos de navegación----------- */

/******************************* asp:Menu *************************/
.aspMenu
{	
	/*Altura de la imagen de fondo del menu*/
	height: 33px;
	/*IExplorer no reconoce el ancho heredados, x lo q se pone en pixeles*/
	width: 1000px;
	text-align: center;
	background-image: url(Imagenes/FondoMenu.jpg);
	vertical-align:middle;
}

.aspMenuItemEstatico
{
	color: Silver;
	height: 22px;
	background-image: none;
}

.aspMenuSeleccionarEstatico
{
	background-color:black;
	color: White;
}

.aspMenuItemDinamico
{
	display: block;
	width: 100%;
	padding: 4px 0;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #ffffcc;
	background-color: #365F91;
	border:1px solid#CCCCCC;
	border-bottom: 1px solid#CCCCCC;
	border-left: 10px solid #666666;
}
.aspMenuSeleccionarDinamico
{
	display: block;
	width: 100%;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	color: White/*#ffffcc*/;
	background-color: Black;
	border:1px solid#CCCCCC;
	border-bottom: 1px solid#CCCCCC;
	border-left: 10px solid #808080;
}
.Folder1, .Folder2
{
	background-image: url(Imagenes/Folder1.jpg);
	background-repeat: repeat-x;
	/*border: #cccccc 1px solid;*/
	width: 400px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-position: left top;
	margin: 0 0 -2px 0;
	border-bottom: none 0 green;
	background-color: #a9a9a9;
}

.Folder2
{
	background-image: url(Imagenes/Folder2.png);
}

.Pestania1, .Pestania1_x0, .Pestania1_x1, .Pestania1_x2, .Pestania1_x3
{
	border-top: none 0 red;
	background-color: Transparent;
	background-image: url(Imagenes/Pestania1.gif);
	background-position: left top;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-repeat:no-repeat;
	background-position:left;
	width:400px; 
	text-align:left;
	padding-left: 15px;
	padding-right: 15px;
	position: inherit;
}
.Pestania1_x0
{
	background-image: url(Imagenes/Pestania1_x0.gif);
}
.Pestania1_x1
{
	background-image: url(Imagenes/Pestania1_x1.gif);
}
.Pestania1_x2
{
	background-image: url(Imagenes/Pestania1_x2.gif);
}
.Pestania1_x3
{
	background-image: url(Imagenes/Pestania1_x3.gif);
}

/* -----------------Estilos en elementos de controles AJAX ----------- */
.collapsePanelHeader
{	
	background-image: url(Imagenes/FondoMenu.jpg);
	height:20px;
	color: White;
	background-color: Gray;
	font-weight:bold;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.collapsePanelHeaderAlternating
{	
	height:20px;
	color: White;
	background-color: Orange;
	font-weight:bold;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
	background-image: url(Imagenes/Naranja_Deg.jpg);
}

.collapsePanel 
{
	height:0px;
	background-color:white;
	overflow:hidden;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 0px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
	background-color: #D3DEEF;
    color: White;
}

.TxtNaranja
{
	color: #ff8400;
	font-weight: bold;
}
.TablaAzul
{
	
}

.TablaAzul table
{
	border-collapse:collapse;
}
/*
div#itsthetable {
}

html>body div#itsthetable {
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 377px
}

div#itsthetable table {
	border-collapse: collapse
}*/

caption {
	background: url(http://www.imaputz.com/cssStuff/dtable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: none;
	font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px
}
/*
html>body caption {
	display: block
}
*/
.TablaAzul thead tr th, tr thead td {
	background: url(http://www.imaputz.com/cssStuff/dtable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	position: relative;
	text-align: left
}
/*
html>body thead tr th, html>body tr thead td {
	position: inherit
}
*/
.TablaAzul tbody tr th,.TablaAzul tbody tr td {
	background: url(http://www.imaputz.com/cssStuff/dtablerow.gif) #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	vertical-align: top
}
tbody tr.odd th,tbody tr.odd td {
	background: url(http://www.imaputz.com/cssStuff/dtablerow.gif) #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}/*

tbody tr:hover th, tbody tr:hover td, tbody tr.odd:hover th, tbody tr.odd:hover td {
	background: url(dtablerow.gif) #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

tbody tr a, tbody tr a:link, tbody tr a:visited {
	color: #009;
	text-decoration: none
}

tbody a:hover {
	color: #009;
	text-decoration: underline
}

tbody tr:hover th a, tbody tr:hover td a, tbody tr.odd:hover th a, tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

tbody tr:hover th a:hover, tbody tr:hover td a:hover, tbody tr.odd:hover th a:hover, tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

tfoot tr th {
	background: url(http://www.imaputz.com/cssStuff/dtable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: right;
	z-index: 1000000
}

tfoot tr td {
	background: url(http://www.imaputz.com/cssStuff/dtable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	z-index: 1000000
}

html>body tfoot tr th, html>body tfoot tr td {
	border-bottom: 1px solid #CCC
}

 
html>body thead {
	display: block
}

html>body tfoot {
	display: block;
	position: absolute;
	top: 620px
}

html>body tbody {
	display: block;
	height: 300px;
	overflow: auto
}

html>body thead tr th, html>body tbody tr th {
	width: 98px
}

html>body thead tr th + th, html>body tbody tr th + td {
	width: 100px
}

html>body thead tr th + th + th, html>body tbody tr th + td + td {
	width: 80px
}

html>body thead tr th + th + th + th, html>body tbody tr th + td + td + td {
	width: 230px
}

html>body thead tr th + th + th + th + th {
	width: 86px
}

html>body tbody tr th + td + td + td + td {
	width: 70px
}

html>body tfoot tr th {
	width: 98px
}

html>body tfoot tr th + td {
	width: 526px
}*/