.texto {
  font-size: 1.0em;
  margin-top: 15px;
}
.texto h3, .texto a { color: #2872a5 }
.texto h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 10px;
}
.texto h2, .texto a { color: #2872a5 }
.texto h2 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 10px;
}
.texto p, .texto ul, .texto ol {
  text-align: justify;
  line-height: 1.5em;
  margin-bottom: 15px;
  color:#365d7e;
}
.texto ul, .texto ol { padding-left: 15px }
.texto li { margin-bottom: 7px }
.texto ul li { list-style: none }
.texto ol li { list-style: disc }
.texto a:link { text-decoration: underline }
.texto a:visited { text-decoration: underline }
.texto a:hover, .texto a:focus, .texto a.focus { text-decoration: none }

/* Tabel Products - Added by Franca */

#rounded-corner {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin: 15px;
  width: 530px;
  text-align: left;
  border-collapse: collapse;
  color: #000;
}
#rounded-corner thead th.rounded-company {
  background: #bad5eb left -1px no-repeat;
  font-weight:bold;
}
#rounded-corner thead th.rounded-q4 {
  background: #bad5eb right -1px no-repeat;
}
#rounded-corner th {
  padding: 8px;
  font-weight: normal;
  font-size: 13px;
  background: #e9eced; 
  border-top: 1px solid #fff;
}
#rounded-corner td {
  padding: 8px;
  background: #e9eced;
  border-top: 1px solid #fff;
}
#rounded-corner tfoot td.rounded-foot-left {
  background: #f0fcff  left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right {
  background: #f0fcff right bottom no-repeat;
}
#rounded-corner tfoot th {
  padding: 8px;
  font-weight: normal;
  font-size: 13px;
  background: #FFF;
  border-top:3px solid #BBB;
  font-size: medium;
  font-weight:bold;
}
#rounded-corner tbody tr:hover td {
  background: #d1e3f1;
}

/* Form add by  Franca */
.myform{
  margin:0 auto;
  width:400px;
  padding:14px;
}

/* ----------- basic ----------- */
#basic{
  border:solid 2px #d0ddea;
}
#basic h1 {
  font-size:14px;
  font-weight:bold;
}
#basic p{
  font-size:11px;
  color:#666666;
  margin-bottom:20px;
  border-bottom:solid 1px #dedede;
}
#basic label{
  display:block;
  font-weight:bold;
  text-align:right;
  width:140px;
  float:left;
}
#basic .small{
  color:#666666;
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  width:140px;
}
#basic .small-red{
  color:#600;
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  width:140px;
}
#basic input{
  float:left;
  width:200px;
  margin:2px 0 20px 10px;
}
#basic select{
  float:left;
  width:204px;
  margin:2px 1px 20px 10px;
}
#basic button{ 
  clear:both;
  margin-left:150px;
  background:#888888;
  color:#FFFFFF;
  border:solid 1px #666666;
  font-size:11px;
  font-weight:bold;
  padding:4px 6px;
}
#basic a {
  text-decoration:none;
  font-weight:bold;
}
#basic .error {
  float:left;
  margin-left:3px;
  margin-top:5px;
  cursor:help;
}

/* ----------- stylized ----------- */
#stylized{
  border:solid 2px #b7ddf2;
  background:#ebf4fb;
}
#stylized h1 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}
#stylized p{
  font-size:11px;
  color:#666666;
  margin-bottom:20px;
  border-bottom:solid 1px #b7ddf2;
  padding-bottom:10px;
}
#stylized label{
  display:block;
  font-weight:bold;
  text-align:right;
  width:140px;
  float:left;
}
#stylized .small{
  color:#666666;
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  width:140px;
}
#stylized input, textarea, select{
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  width:200px;
  margin:2px 0 10px 10px;
}
#stylized button{ 
  clear:both;
  margin-left:150px;
  width:125px;
  height:31px;
  background:#666666;
  text-align:center;
  line-height:31px;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}
.warning-red{color:#A40000;}