/* Style sheet index */
body {
    background-color: #ffaf3f;
}
h1 {
    color: #FEBE10;
}
h2 {
    color: #FEBE10;
    font-family: Georgia, Arial, Times New Roman, Times, serif;
    font-size: 18px;
}
/* --- Contenedor principal de la pagina, ancho 100% centra el contenido --- */
.main {
    width: 100%;
	height: 900px;
    text-align: center;
    background-color: #ffaf3f;
	position: absolute;
	margin: auto auto;
}
/* --- Contenedor ancho 90%  --- */
.page {
    width: 80%;
	height: 850px;
	margin: auto auto;
    background-color: #000000;
}
/*  -- Contenedor logo 100% ancho del main_container -- */
.logo_container {
    background:  url(/images/logo-eng.gif) no-repeat;
    margin: 10px auto;
    width: 100%;
    height: 120px;
    text-align: left;
}
/* -- Contenedor del corazon de fondo -- */
.graph_container {
    background: url(/images/back_heart.gif) no-repeat;
    width: 540px;
    height: 480px;
    text-align: center;
    border: 2px dotted;
	position: relative;
}

/* -- Contenedor texto 60% del main_container -- */
#text_div {
    font-family: Georgia, Arial, Times New Roman, Times, serif;
    font-size: 16px;
    color: #FFFFFF;
    text-align: justify;
    width: 70%;
    margin: 110px auto 10px auto;
}

td, th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 24px;
    color: #330000;
}

a {
    color: #FFFFFF;
}

form {
    background-color: #FFFFFF00;
}

.title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 30px;
    background-color: #990000; color: #FFFF66;
}

.subtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  color: #660000; font-style: oblique;
}

.header {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    background-color: #990000;
  color: #FFFF66;
}

.nav {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #CCCC66;
}

.navLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #DEDECA;
}
a:hover {
    color: #DEDECA;
    background-color: #330000;
}

.sidebar {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 18px;
    padding: 3px;
    background-color: #FFFF99;
}

.sidebarHeader {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 18px;
    color: #FFFF99;
    background-color: #999933;
 font-weight: bold;
}

.sidebarFooter {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 18px;
    background-color: #FFFF99;
 color: #990000;
}

.footer {
  	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    background-color: #ff0000;
}

.legal {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #333333;
}

.box1 {
    border-width: 2px;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
  border-style: dotted;
    }

.promo {
    font-family: "Times New Roman", Times, serif;
    color: #000033;
}

.titlebar {
    font-family: "Times New Roman", Times, serif;
    font-size: 9px;
    color: #FFFFFF;
    background-color: #336699;
}