body {margin: 0px; font-family: Verdana, Arial, Sans-serif; color: #555; background: #efefef url(images/main-bg.jpg) repeat-x top left; font-size: 0.75em; text-align: center;}

h1, h2, h3, h4, h5 {padding: 0; margin: 0; line-height: 125%;  font-family: Arial, Verdana,  Sans-serif;}
h1 {color: #00458f; font-size: 1.5em; margin: 10px 10px 0px 18px; text-align: left; font-weight: bold;}
h2 {color: #97ce2b; font-size: 1.4em; margin: 12px 10px 0px 18px; padding: 0px 0px 0px 0px; text-align: left;}
h3 {color: #333; font-size: 1.2em; margin: 12px 10px 0px 20px; padding: 0px 0px 0px 0px; text-align: left;}

h4 {color: #2258ab;  font-size: 14px; text-shadow: #fff 1px 0px 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; border-bottom: 1px dotted #c0c0c0;}

h5 {color: #338e01;  font-size: 14px; padding: 4px 0px 4px 15px; margin: 12px 0px 0px 0px; text-align: left; background: #dbe0e4; border-bottom: 1px dotted #c0c0c0;}

ul, ol {text-align: left; margin: 10px 0px 8px 18px; padding: 0px; line-height: 160%;}
ul li {text-align: left; list-style: none; margin: 5px 0px 0px 5px; padding: 0px 0px 0px 12px; background: url(images/points-bullets.gif) no-repeat top left; line-height: 160%;}
ul li a {font-weight: normal;}

ol li {text-align: left; margin: 5px 0px 5px 15px; padding: 0px;}
ol li {list-style-type: decimal; background: none;}
ol {margin: 0px 0px 20px 12px;}
a {color: #2d7ad6; text-decoration: none; font-weight: normal;}
a:hover {color: #84b91c; text-decoration: underline;}

p {text-align: justify; margin: 5px 18px 14px 18px;  font-family: Verdana, Arial, Sans-serif; line-height: 160%;}
p.more {text-align:right; margin: 8px}
.clr {clear: both;}

.highlight {display: block; margin: 15px; padding: 10px; background: #f1f1f1; border: 1px dotted #c7c7c7;}
.highlight p {color: #000; margin: 0px; padding: 0px; font-size: 11px;}

span.lock a {font: 0.8em Verdana, Arial, Sans-serif; color: #555; margin: 5px 0px 0px 2px; padding: 5px 0px 5px 20px; background: url(images/lock.png) no-repeat top left; text-decoration: none;}

span.jobcode {color: #000; font-family: courier, arial; background: #dcdcdc; padding: 2px; border: 1px dotted #c0c0c0;}

#container {width: 885px; margin: 0 auto; padding: 0px;}
#header {width: 885px; height: 110px; margin: 0 auto; padding: 0px 6px 0px 6px; background: url(images/header-right-images.png) no-repeat top right;}
img.logo {float: left; margin: 0px 0px 0px 12px; padding: 0px;}

#body-container {width: 885px; margin: 0 auto; margin-top: 0px; padding: 5px; background: #fff; border: 1px solid #cbcbcb; border-top: none; border-bottom: none;}
#left {float: left; width: 175px; margin: 0px; padding: 0px; border: 1px solid #c4c4c4;}
#left ul {text-align: left; margin: 0px; padding: 0px;}
#left ul li {list-style: none; margin: 0px; padding: 0px; text-align: left; background: none;}
#left ul li a {font: bold 1em Arial, Verdana, Sans-serif; color: #7c7c7c; text-decoration: none; display: block; margin: 0px; padding: 7px 0px 6px 18px; border-top: 1px solid #fff; border-bottom: 1px solid #e4e4e4; text-shadow: #fff 1px 1px 0px;}
#left ul li a:hover {color: #363636; background: #eaeaea url(images/link-bg.gif) repeat-x top left; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1;}

#right {float: right; width: 708px; margin: 0px; padding: 0px;}


#col1 {float: left; width: 510px; margin: 0px; padding: 0px; border: 0px solid #c4c4c4;}
#col2 {float: left; width: 198px; margin: 0px; padding: 5px 0px 0px 0px;}
#col2 img {margin: 5px; padding: 3px; background: #fff; border: 1px solid #c0c0c0;}



/* Scrolling to Top text, which is float-right */
p.top-srl {float: right; font-size: 10px; font-family: arial, verdana; margin: 5px 18px 0px 0px; padding: 0px; font-weight: bold;}
p.top-srl a {color: #c0c0c0; font-weight: bold; padding: 2px; }
p.top-srl a:hover {color: #2d7ad6; text-decoration: none; background: #f2f2f2;}

/* Table */

table {width: 480px; margin: 12px 0px 0px 15px; padding: 0px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; font-size: 11px;}
table tr.head {background: #f5f5f5;}




table h2 {color: #00458f; margin: 0px; padding: 5px; font-size: 13px; text-shadow: #fff 1px 1px 0px;}
table h3 {color: #00458f; margin: 0px; padding: 2px; font-size: 12px; text-shadow: #fff 1px 1px 0px; text-align: center;}

table img {padding: 5px; margin: 5px; border: 1px solid #ebebeb; background:#fff;}
table img:hover {background: #e2e2e2;}
table p {text-align: left; margin: 5px 0px 0px 5px; padding: 0px;}
table p.more, table p.more a {text-align: right; margin: 12px 10px 5px 0px; padding: 0px;}


table.chart {border: 1px solid #bfc6cb; width: 100%;}
table.chart h2 {float: left;}
table.chart td p {float: right; margin-right: 12px;}


table.chart td {padding: 5px; text-align: center;}

table.chart td.head {background: #dbe0e4; border-bottom: 1px solid #bfc6cb;}


table.chart tr.gray {background: #f4f4f4;}
table.chart tr.gray:hover, table.chart tr:hover {background: #fdf3ad;}



#footer {width: 100%; margin: 0 auto; padding: 0px; background: #5c5c5c; border-top: 7px solid #868686;}
#footer-in {width: 885px; margin: 0 auto; padding: 0px; }
#footer-in p {float: left; font-size: 11px;  color: #c8c8c8; margin: 0px; padding: 0px; text-shadow: #2f2f2f 0px 1px 0px;}

#form-suscribe {float: right; margin: 0px; padding: 5px; background: none; text-align: left;}

#newltr {width: 450px; border-bottom: 1px solid #dbe0e4; margin: 0px 0px 0px 18px}

form {padding: 0px;}
label {color: #567add; text-align: left; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 2px; padding: 0px;}
input, select {width: 145px; color: #737373; padding: 2px 3px 2px 9px; margin: 5px 0px 0px 2px;  border: 1px solid #c0c0c0; font: 1.2em Arial, Verdana, Sans-serif; background: url(images/input-bg.jpg);}
#submit {width: 60px; padding: 2px; margin: 5px 0px 0px 2px; background: #97ce2c; border: 1px solid #84b91c; color: #fff; font-size: 0.9em; font-weight: bold; text-shadow: #6c9817 1px 1px 0px;}
#submit:hover {background: #ace045; text-shadow: none;}

p.frd {color: red;}
p.frd a {padding: 3px; margin: 2px; background: #868686; border: 1px solid #a8a8a8; color: #000; font-size: 12px; text-shadow: #a2a2a2 1px 1px 0px;}
p.frd a:hover {background: #4e4e4e; text-shadow: none; text-decoration: none; border: 1px solid #717171;}


#commentblock {width: 430px; background: #fff; padding: 20px 0px 12px 0px; margin: 0px 0px 0px 15px;}
#commentblock label {color: #666666; font-size: 12px; font-weight: bold; float: left; margin: 0px 0px 0px 10px; text-shadow: none;}
#commentblock input {float: right; width: 270px; padding: 2px 3px; margin: 0px 10px 0px 22px;  border: 1px solid #c0c0c0; font: 1.2em Arial, Verdana, Sans-serif;}
#commentblock input:hover {background: #fff; border: 1px solid #c0c0c0;}
#commentblock textarea {width: 400px; height: 100px; padding: 2px 3px; margin: 5px 0px 5px 0px; border: 1px solid #c0c0c0; font: 1em Arial, Verdana, Sans-serif;}

#commentblock select {float: right; width: 278px; padding: 2px 3px; margin: 0px 10px 0px 22px;  border: 1px solid #c0c0c0; font: 1.2em Arial, Verdana, Sans-serif;}
#commentblock select:hover {background: #fff;}
#commentblock #submit {width: 120px; padding: 3px; margin: 4px; background: #97ce2c; border: 1px solid #84b91c; color: #fff; font-size: 1em; font-weight: bold; text-shadow: #6c9817 1px 1px 0px;}
#commentblock #submit:hover {background: #ace045; text-shadow: none;}

span.red {color: red;}

#click-box {width: 90px; height: 95px; margin: 18px 3px 15px 3px; padding: 9px; float: left; border: 0px dotted #c0c0c0; background: #efefef;}
#click-box:hover {background: #d9d9d9;}
#click-box p, #click-box p a {color: #2d7ad6; font-family: arial, verdana; font-size: 11px; font-weight: bold; margin: 0px;  padding: 2px; text-align: center;}
#click-box p a:hover {color: #000;}

#click-box img {padding: 3px; border: 1px solid #c0c0c0; background:#fff;}

.form-row {width: 430px; height: 20px; padding: 10px 0px 10px 0px; border: 1px solid #fff;}
.form-row:hover {background: #f5f5f5; border: 1px solid #e5e5e5;}

table.checkbox {text-align: left; background: #eee; border: none;}
table.checkbox input {float: left; margin: 0px; padding: 0px;}
span.point {text-align: left; font-size: 11px; padding: 2px; display: block;}
table.checkbox input {width: 20px;}
table.checkbox td {width: 300px; background: #fff; border: 1px solid #fff; padding: 2px;}
table.checkbox td:hover {background: #f5f5f5; border: 1px solid #e5e5e5; background: #eaeaea url(images/link-bg.gif) repeat-x top left;}


#new-sec {width: 503px; margin: 0px 0px 0px 8px; border: 0px solid #c0c0c0;}
#new-sec h3 {background: url(images/link-bg.gif); border-bottom: 1px solid #c0c0c0; margin: 0px; padding: 11px;}