html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #000;
	background-color:  #ffffff;			/*	Laterales	*/
	text-align: center;
}
#contenedor {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 100%;
	width: 778px;
	text-align: left;
}
#nonFooter {
	margin: 0;
	padding: 0;
	text-align: left;
	border: none;
	position: relative;
	min-height: 100%;
	background:  #ffffff url(../img/005ba5.jpg) repeat-y 0;	/*	Fondo y men columna (url)	*/
}
* html #nonFooter {
	height: 100%;
}
#nonFooter #bajo {
	clear: both;
	height: 88px;
}
#footer {
	position: relative;
	text-align: left;
	height: 86px;
	margin: -87px 0;
	padding: 0;
	border: none;	/*	De momento none, si se determina aqu va la lnia del pie	*/
	border-top: 1px solid  #005ba5;
	font-size: 10px;
	background-color: #fff;	/*	Color de fondo. Siempre es blanco.	*/
	color:  #000000;	/*	Texto 4	*/
}
* html #footer {
	margin-top: -86px;
}
#footer p {
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
/*	Creacin de los estilos para la cabecera	*/
#cabecera {
	background-color:  #005ba5;	/*	Superior	*/
	height: 80px;
	border-bottom: 5px solid  #005ba5;	/*	Lnea separacin	*/
	color: #000000;	/*	Ttulo 1	*/
	font-family: Arial, Helvetica, sans-serif; /* Fuente de la cabecera	*/
}
#cabecera div#logo {
	width: 156px;
	height: 80px;
	float: left;
}
#cabecera img {
	float: left;
}
#cabecera div#nombre {
	padding: 20px;
	float: right;
}
#cabecera p.titulo {
	margin: 0;
	font-size: 24px;	/*	Tamao del ttulo en la cabecera	*/
	font-weight: bold;
	font-variant: small-caps;
}
#cabecera p.subtitulo {
	margin: 0;
}
div.menu {
	float: left;
	width: 156px;
	border: none;
}
div.menu ul {
	padding: 15px 0 0 0;
	margin: 0 5px 0 5px;
	border: none;
}
div.menu li {
	margin: 0;
	margin-bottom: 5px;
	color:  #ffffff;	/*	Texto columna	*/
	list-style-type: none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;	/*	Fuente del texto de los enlaces	*/
	font-size: 12px;	/*	Tamao del texto de los enlaces	*/
	padding: 4px 0 4px;
}
div.menu li a {
	color:  #ffffff;	/* Texto columna	*/
	text-decoration: none;
	font-weight: bold;
	display: block;
}
div.menu li a:hover {
	color: #000000;	/*	Ttulo 2	*/
}
div.principal {
	padding: 10px;
	float: left;
	width: 600px;
	border: none;
	margin: 0;
	color:  #003379;	/*	Texto 1	*/
	font-family: Arial, Helvetica, sans-serif;	/*	Familia del texto de la pgina	*/
	font-size: 12px;	/*	Tamao del texto de la pgina	*/
}
* html div.principal {
	width: 590px;
}

div.producto1 {
	clear: both;
	float: left;
	padding: 5px;
	width: 280px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	color:  #33c0de;	/*	Texto 2	*/
}
div.producto1 h2 {
	font-size: 14px;
	color: #0455cf;	/*	Ttulo 4	*/
}
div.producto1 p {
	margin: 0;
}
div.producto2 {
	float: right;
	width: 280px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	color:  #33c0de;	/*	Texto 3	*/
}
div.producto2 h2 {
	font-size: 14px;
	color: #0455cf;	/*	Ttulo 5	*/
}
div.producto2 p {
	margin: 0;
}
/* Estilos genricos */
img {
	border: none;
	margin: 5px;
}
h1 {
	color: #000000;	/*	Ttulo 2	*/
	margin-top: 4px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;	/*	Familia del ttulo de la pgina	*/
	font-size: 18px;	/*	Cuerpo del ttulo de la pgina	*/
}
h2 {
	color: #000099;	/*	Ttulo 3	*/
	margin-top: 4px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;	/*	Subttulo de las pginas	*/
	font-size: 18px;	/*	Tamao del subttulo de las pginas	*/
}
h3 {
	color: #000099;	/*	Ttulo 3	*/
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;	/*	Subttulo de las pginas	*/
	font-size: 18px;	/*	Tamao del subttulo de las pginas	*/
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
}
a {
	color:  #000000;	/*	Texto Mail	*/
}
td {
	color:  #003379;	/*	Texto1 Color del texto	*/
	font-family: Arial, Helvetica, sans-serif;	/*	Familia del texto de la pgina	*/
	font-size: 12px;	/*	Tamao del texto de la pgina	*/
}
.oculto {
	left: -4000px;
	position: absolute;
	top: 0;
}
.visible {
	left: 1em;
	position: static;
	top: 0px;
}

/*	Estilos para texto de mensajes	*/
.mensajeError {
	border: 2px solid #f88;
	margin: 5px 0 5px 0;
	font-weight: bold;
	padding: 5px;
}
.mensajeTexto {
	border: 2px solid #aaa;
	margin: 5px 0 5px 0;
	font-weight: bold;
	padding: 5px;
}