<!--
body {
	font: 0.8em Arial, Helvetica, sans-serif, Verdana;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
 white-space: normal;
}
INPUT, DIV, P, TD { font: 1em Arial, Helvetica, sans-serif, Verdana; }

.oneColFixCtrHdr #container {
	width: 965px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer { clear: both; margin-top: 10px; }


/* ------------------------- Genericos ---------------- */

A { color: #16838C; }
A:HOVER { color: #36A3AC; }

P { color: #333; font-size: 10pt; text-align: justify; }

.floatLeft { float: left; margin-right: 0px; }
.floatRight { float: right; margin-left: 0px; }
.floatClear { clear:both; height:0; font-size: 1px; line-height: 0px; }

.informativo { background: #F8F8F8; color: #999; text-align: center; border: 2px dashed #F5F5F5; margin: 0; padding: 10px 20px; font-size: 14pt; margin: 10px 0; }
.comentariosGris { color: #999; }

/* ------------------------- Cabecera ---------------- */

/* ------------------------- Menu Publico ---------------- */
.menuPublico { vertical-align: middle; text-align: center; border-bottom: 1px dotted #CCC; border-right: 1px dotted #CCC; }
.linkmenupublico { text-decoration: none; font-size: 10pt; font-weight: bold; }

/* ------------------------- Menu ---------------- */
#menucontainer { width: 945px; display: block; text-align: center; }
/*
#menucontainer { background: url(../img/menu.gif) no-repeat left top #F8F8F8; height: 33px; width: 949px; white-space: nowrap; margin: 0px; padding: 0px; margin-left: 6px; text-align: center; }
#menucontainer UL { width: 949px; padding: 8px 0 3px 0; margin-left: 10px; }
#menucontainer UL LI { text-transform: uppercase; list-style: none; display: inline; border-bottom: 1px solid #999; padding: 3px 0; margin-left: 1px; margin-right: 1px; }
#menucontainer UL LI A { color: #FFF; text-shadow: 1px 1px 1px #030; text-decoration: none; margin: 1px 5px 0 6px; padding: 0 6px; }
*/

/* ------------------------- Catalogo ---------------- */

.cat_literal { font-size: 9pt; font-weight: bold; text-align: left; padding-left: 6px; color: #666;  }
.cat_dato { font-size: 9pt; font-weight: bold; color: #AAA; text-align: left; }

/* ------------------------- Body ---------------- */

H2.tituloPagina { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; text-transform: uppercase; color: #33af95; }

/* ------------------------------ TABLAS ----------------------------------- */
.celdaComparativa { color: #666; text-align: left; padding: 10px; }
/* ------------------------- FORMULARIOS ---------------- */

SELECT, INPUT, TEXTAREA { background: #F8F8F8; border: 1px solid #DDD; }
.frm_literal { font-size: 9pt; font-weight: bold; text-align: left; color: #333; }
.frm_dato { font-size: 9pt; font-weight: bold; color: #AAA; text-align: left; }
.frm_help { background: #FCFCFC; font-size: 8pt; height: 12px; color: #666; }
.frm_button { color: #FFF; cursor: pointer; border: 1px outset; font-weight: bold; font-size: 11pt; }
.frm_button:HOVER { color: #FFFFDD; }

.litForm { font-size: 0.8em; font-weight: bold; padding-left: 3px; vertical-align: top; display: inline-block; }
.zonaDataForm { display: inline-block; }
.dataForm { border: 1px solid #CCC; }
.dataFormProblem { border: 1px solid #FF0000; }
.infoForm { background: #FCFCFC; border: 1px solid #FBFBFB; font-size: 9pt; color: #999; }

/* ------------------------- FAQS ---------------- */
h3.faq_tituloSeccion { color: #5fc5ba; margin: 12px 0 3px 0; padding: 0px; }
ul.faq_list { margin: 3px 10px; padding: 0px; }
li.faq_listitem { color: #5fc5ba; list-style-type: none; font-size: 10pt; }
a.faq_enlace { color: #5fc5ba; text-decoration: none; }
a.faq_enlace:HOVER { color: #16838C; }

/* ------------------------- Mis datos ---------------- */
.mi_literal { font-weight: bold; text-align: left; }
.mi_dato { font-weight: bold; color: #AAA; text-align: left; }


/* ------------------------- Pie ---------------- */

.cabeceraGris { background-color: #009B7B; color: #FFFFFF; font-size: 10px; border-bottom: 1px solid #008B6B; border-right: 1px solid #008B6B; border-top: 1px solid #10AB8B; border-left: 1px solid #10AB8B; padding-left: 3px; }
.subrayadoSuave { border-bottom: 1px solid #F5F5F5; }
-->
td.td_fila1 { border-bottom: 1px solid #CCC; background: #FFF; padding: 1px 3px; }
td.td_fila2 { border-bottom: 1px solid #CCC; background: #F8F8F8; padding: 1px 3px; }

/* ------------------------- Menu mi cuenta ---------------- */
/* * {margin:0; padding:0;} */
div#menu {width:184px; background:url(../img/menu/menu_1.gif) top no-repeat; padding-top:44px;}
div#menubody {background:url(../img/menu/menu_2.gif) repeat-y; padding-left:21px;}
div#menubottom {height:26px; background:url(../img/menu/menu_4.gif) bottom no-repeat;}
ul#menulist {width:144px; list-style-type:none;}
ul#menulist li {height:27px; background:url(../img/menu/menu_3.gif) bottom repeat-x;}
ul#menulist a {width:122px; height:20px; border-left:#8BE5BF 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}
ul#menulist a:hover {background:url(../img/menu/menu_5.jpg) left repeat-y;}

/* Styles for the entire LavaLamp menu -----------------------------------------------------------------------------------------------------  */
.lavaLamp {
    position: relative;
    height: 29px; 
		width: 945px;
    background: url("../img/bg.gif") no-repeat top;
    padding: 10px; margin: 10px 0;
    overflow: hidden;
}

/* Force the list to flow horizontally */
.lavaLamp li {
		float: left;
		list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
		background: url("../img/lava.gif") no-repeat right -30px;
		width: 9px; height: 26px;
		z-index: 8;
		position: absolute;
}
.lavaLamp li.back .left {
		background: url("../img/lava.gif") no-repeat top left;
		height: 26px;
		margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
		position: relative; 
		overflow: hidden;
		text-decoration: none;
		text-transform: uppercase;
		font: bold 14px arial;
		color: #fff; outline: none;
		text-shadow: 1px 1px 1px #396;
		text-align: center;
		height: 26px; top: 7px;
		z-index: 10; 
		letter-spacing: 0;
		float: left; 
		display: block;
		margin: auto 10px;
}

.lavaLamp li a.selected {
	color: #FFFFEE;
	text-shadow: 1px 1px 1px #008469;
}

.lavaLamp li a.selected:HOVER {
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
}


.lavaLamp li a:HOVER { color: #FF9; }
/* Styles for the entire LavaLamp menu END ----------------------------------------------------------------------------------------------------- */