/*reset*/
	html, body { margin: 0; padding: 0;	border: 0; }
	body { font-family:Helvetica, Arial, sans-serif; line-height:1.5; font-size:16px; background: #fff; color: #000; word-wrap: break-word; -webkit-text-size-adjust: none; }
	h1, h2, h3, h4, h5, h6{ font-weight: normal; margin: 0;}
	p img { float: left; margin: 0 10px 5px 0; padding: 0; }
	img { border: 0; max-width: 100%; }
	table { width:auto; border-collapse: collapse;border-spacing: 0; }
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	ul {margin: 0px;  padding: 0px;  list-style-type: none;}



	/* colors */ /* rojo # 251, 77, 76 */ /* azul 69, 173, 168 */ /* verde - 136, 196, 37 */

body { font-family: Verdana, Arial, sans-serif;  font-size: 12pt;  color: black; background:#61D898 repeat center top;}
.clear {clear: both;}
a { color: #000b70; }
/*url("../img/background.png") */


/*Top settings*/
.top {  }
.top h1 { font-size: 160%;  text-align: center;  color: #FFFFBB;  margin: 20px 0px 10px 0px;}
.top img { width: 100%;  }
/*position: absolute; top: 0; left: 0; z-index: 1; */

/*Nav settings*/
.navigation {width: 95%; margin: -15% auto 0px auto; position: relative; z-index: 2; }
.navigation ul { text-align: center; }
.navigation li { display: inline; }
.navigation li a { width: 23%; border: 1px solid #004367;  margin: 0px 2% 0px 2%; float: left; font-size: 120%; padding: 5px 5px 4px 5px; text-align: center;  text-decoration: none;  color: #ffffff;  background-color: #004367; -moz-border-top-left-radius: 15px; -moz-border-top-right-radius: 15px; border-top-left-radius: 15px;  border-top-right-radius: 15px; position: relative; bottom: -1px;  z-index: 3; }
.navigation li a:hover { background-color: #61d898; }
.navigation li.selected a { background-color: #5da7cf; border-bottom: 0px; padding: 5px;  }
.navigation li.selected a :hover{ background-color: #61d898; }

/*Main area setttings*/
.main { clear: left;  border: 1px solid #004367;  background-color: white; padding: 10px 0px 10px 0px; margin: 0px 5px 0px 5px; -moz-border-radius: 15px; border-radius: 15px; position: relative; z-index: 1; background-image: url("../img/bg_top_header.png"); min-height: 300px}
/*.main li { padding: 10px 10px 10px 0px; margin: 0px 10px 0px 0px;  display: inline; }*/
.main ul { background-color: #5da7cf;  -moz-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;  -moz-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; border: 1px solid #001186;  border-top: 0px;  padding: 5px 5px 5px 10px;   }
.main li { line-height: 120%; margin-bottom: 2px; padding: 2px 5px 2px 10px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #007335;}
.header { padding: 5px 5px 5px 10px; background: #5da7cf url("../img/bg_header.png") repeat center top; border: 1px solid #001186;  border-left: 0px; border-right: 0px;  }
.topheader select, .navigation select { display: block; color: #004367;   font-size: 120%; border: 1px solid #004367; border-radius: 15px; -moz-border-radius: 15pz; }
.navigation select { padding: 5px; width: 25%; height: 35px;}
.topheader select { width: 95%; margin: 0px auto 10px auto;  padding: 10px; }
.topheader h1 { color: #ffffff; text-align: center;  font-size: 150%; font-weight: bold; margin: 10px 0px 5px 0px; display: none;}
.nodata { color: #CCCCCC; font-size: 85%; }
.data { color: black; font-size: 100%; }
/*  -moz-border-radius: 15px; border-radius: 15px; */
.header h2 { font-size: 110%; }
.section { margin: 0px 10px 10px 25px;  display: none; }
.gram { width: 20px; height: 20px;  border: 1px solid black; margin: 3px 10px 0px 0px; float: left; }
.positive { background-color: #000866; }
.negative { background-color: #FF0099; }
.divider { display: none; border: 1px solid #003399; border-bottom: 0px;  border-left: 0px;  border-right: 0px; height: 1px;  line-height: 1px;}

/*Bottom area setttings*/
.bottom p {font-size: 90%;  color: white;  text-align: center;}
.bottom a {color: white;}


thead { font-weight: bold; }
td { padding: 5px; }
tr { vertical-align: top; }