/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body{
	overflow-y: scroll;
	background-color: #FFFFFF;
}
/*En esta tabla se introduce todo el contenido*/
table#Principal{
	margin-left:auto;
	margin-right:auto;
	width:774px;
	border-spacing: 0px; /*El ie no lo soporta.*/
	border-collapse: collapse; /*Esto si lo soporta*/
	background-color: #FFC;
}


/*Enlaces en general. */

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Dividido en Banner, Cuerpo y Pie.
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*::::::::::::: BANNER ::::::::::::::::::::::::::::::::::::*/
/*Banner principal o superior.*/
td#Banner {
	padding: 6px;
	text-align: center;
	vertical-align: bottom;
	border: solid 1px #CCC;	
	width: 100%;
	height: 90px;
	font-size: 16px;
	font-family: Tahoma;
}

/* En caso de llevar imagen.*/
#Banner img {
	border: none 0px;
	
}

/* Si el banner es mas ancho que la tabla principal, se puede
recorar introduciendolo en este div */
div.ImgBanner{
	overflow-x: hidden;
	border: none;
	width:774px; 	  /*En IE tiene que estar aquí*/
	padding: 0px;
	background-color: #660000; /* OJO! Personalizar.*/

}

/*-------- SubBaner en caso de llevar botones.  ----------*/
tr#SubBanner{
	border: solid 1px #CCC;
}
table#BtnsBanner{
	/*Características de los botones del banner.*/	
	width: 100%;	
	margin: 0px;
}
#BtnsBanner tr{
	border: none 0px #CCC;
	
}
#BtnsBanner td{
	border: solid 1px #CCC;			
}
td.BtnBanner {
	width: 100px;
	height: 25px;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
	text-align: center;
}
.BtnBanner a:link {color: #000; text-decoration: none;}
.BtnBanner a:visited {color: #000; text-decoration: none;}
.BtnBanner a:hover {color: #FFC; text-decoration: none;}
.BtnBanner a:active {color: #FFC; text-decoration: underline;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*::::::::::::: CUERPO :::::::::::::::::::::::::::::::::::::::::::*/
tr#Cuerpo{

}

/* :::::: Estilo de la columna IZQ del cuerpo*/
/* :: Celda que alojará la columna del menú.*/
td#CuerpoIzq{
	width: 18%;
	vertical-align: top;
	text-align: left;
	border: solid 1px #CCC;
	padding: 2px; 
}

/* :: Parámetros comunes de las tablas de CuerpoIzq */
#CuerpoIzq  table{
	height: auto;
	width:100%;
	margin: 0px;
	border: none 0px;
}

/* :: Esta fila, permite mostrar la imagen de fondo de la columna 
	  izquierda (si llevara)*/
tr#PieCuerpoIzq {
	height: 100px;
}


/* ::::::  Contenido (Tabla mayor del centro derecha)*/
/* :: Celda con los datos "dinámicos" */
td#CuerpoDch{
	text-align: left;
	width: auto; /* */
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 2px;
		
}
/* :: Si se quiere poner barras de scroll a esta celda, introducir
	  el contenido en este div.*/
div#CuerpoDch{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 360px;
	vertical-align: top;
}


/* :::::: Secciones del CuerpoIzq **/

/* :: Las secciones A son para aquellas con enlaces*/
table.SeccionesA {
	width: 100%;
}

/* :: Celdas TITULOS de las tablas*/
.Secciones th, .SeccionesA th{
	border: solid 1px #336600;
	font-size: 12px;
	color: #222;
	text-align: left;
	padding: 4px;
	padding-left: 12px;
	vertical-align: center;
	font-family : Tahoma,Verdana;	
	
	
} /* :: Celdas con las subsecciones u opciones de cada sección.*/
.Secciones td, .SeccionesA td{	
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;	
	color: #000;
	background-color: #CCDDAA;
	font-family: Tahoma;
}

/* :: Efecto sobre celda. No lo soporta IE*/
.SeccionesA td:hover{
	/*background-color: #EEE;*/
}

/* :: Enlaces de las secciones y subsecciones.*/
.SeccionesA a:link{color: #000; text-decoration: none;}
.SeccionesA a:visited {color: #000; text-decoration: none;}
.SeccionesA a:hover {color: #FFD; text-decoration: none;}
.SeccionesA a:active {color: #FFD; text-decoration: underline;}

/* :: Celda de buscar del cuerpo izq.*/
th#Buscar{
	padding-left: 50px; /*Debido a la imagen de fondo.*/
	font-size: 12px;
}


/*::::::::::::::: PIE :::::::::::::::::::::::::::::::::::::*/
tr#Pie{
	width:100%;
	height: 25px;
}
#Pie th{
	font-size: 12px;
	color: #FFF;
	text-align: left;
	font-family : Arial,Verdana;
	padding: 0px;
	border: solid 1px #CCC;	
}
#Pie div {
	float:left;
	padding-left: 30px;
	padding-right: 28px;	
}

div#PieMargIzq {
	width: 100px;
	padding: 0px; /*Necesario para que no herede*/
}
#Pie a:link{color: #FFF; text-decoration: none;}
#Pie a:visited {color: #FFF; text-decoration: none;}
#Pie a:hover {color: #FFFFCC; text-decoration: underline;}
#Pie a:active {color: #FFFFCC; text-decoration: underline;}