body {background-color:#808080; background: url('img/fondo.gif');}

table {border-collapse: collapse; border-spacing: 0; border: 0px solid black;}

td {border: 0px solid black; padding: 0em; text-align:center;}

/* Marco General */
.marcogen {border:2px solid #000000; background:#ffffff; margin:0 auto 0 auto; width:600px;}

/* Tabla Formulario */
table.formu {background:#eeeeee; width:450px; border-collapse: collapse; border-spacing: 0; border: 1px solid #808080; margin:0 auto 0 auto;}
table.formu tbody th {width:120px; height:40px;border: 0px solid black; padding: 7px; text-align:left; vertical-align:top;color: Black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
table.formu td {width:330px; height:40px;border: 0px solid black; padding: 7px; text-align:left; vertical-align:top;color: Black; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

input.botonenviar { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #858D8F; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.opcional {color: #d12c26;}

/* Menu General hecho con Tabla */
table.menup {background: #d12c26; width: 600px; height: 20px; font-family: verdana, arial, helvetica; font-size: 10pt; font-weight: bold;}
table.menup td a {background: #d12c26; color: White; text-decoration: none; text-align: center; width: 100%; 
padding-top: 0.2em; padding-bottom: 0.25em; display:block; }
table.menup td a:hover {background: White; color: #ff0000;}


/* Tablas de Compra-Venta */
table.tablacv {width: 500px; border: 1px solid black; background: #ffffff; border-collapse: separate; border-spacing: 2px; margin:0 auto 0 auto;}
table.tablacv td {padding: 5px; text-align:left; vertical-align:top; background-color: #e9e9e9; color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold;}
table.tablacv thead th {padding: 5px; text-align:left; vertical-align:top; background: #d12c26; color: white; font-family: Arial, Helvetica, Verdana; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
table.tablacv tfoot td {padding: 5px; text-align:left; vertical-align:top; background: #858d90; color: white; font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
table.tablacv td a {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:underline;}
table.tablacv td a:hover {color: d12c26; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:underline;}
/* Titulos de los Campos del Formulario */
.textocv1 { color : #ffffff; background: #858d90; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 1px; padding: 2px;}
/* Linea Informativa de Ofertas y Paginas */
table.tablacv2 {width: 500px; border: 0px solid black; background: #BFB9B9; padding: 2px; margin:0 auto 0 auto;}
table.tablacv2 td {padding-right: 7px; text-align:right; vertical-align:top; color: black; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
table.tablacv2 tbody th {padding-left: 7px; text-align: left; vertical-align:top; color: black; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold;}
table.tablacv2 td a {color: black;}
/* Linea Informativa de Panel de Control */
table.tablacv3 {width: 500px; border: 0px solid black; background: #BFB9B9; padding: 2px; margin:0 auto 0 auto;}
table.tablacv3 td {border: 1px solid black; padding: 1px; color: black; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
table.tablacv3 td a {color: black;}

hr {color:#808080; width: 400px; margin-top: 0.7em; margin-bottom: 0.7em;}

input, select, textarea {border: 1px solid #808080;}

/* Tabla hecha con CSS para Reglas */
.reglas {
width: 500px; border: 1px solid #808080; background: #e9e9e9; color: black; font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; font-weight: bold; padding: 1em; text-align: left; padding-bottom: 2em; margin:0 auto 0 auto;
}
.reglas li {padding-top: 5px;}
.reglas a {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:underline;}
.reglas a:hover {color: #ff0000;}

/* Titulos */
.titulop {color: black; font-family: Verdana, Arial, Helvetica; font-size: 15px; font-weight: bold; text-decoration:underline; padding-bottom: 0.5em; text-align:center;}

/* Tabla hecha con CSS para Recomendaciones */
.recom {
width: 430px; border: 1px solid #808080; background: #eeeeee; color: black; font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; font-weight: bold; padding: 10px; text-align: left;  margin:0 auto 0 auto;
}
.recom a {color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:underline;}
.recom a:hover {color: #ff0000;}

/* Tabla hecha con CSS para Pie de Página */
.pie {
width: 580px; border-top: 1px solid #808080; color: #808080; font-family: Verdana, Arial, Helvetica; 
font-size: 9px; font-weight: bold; padding-top: 0.7em; padding-bottom: 0.9em; text-align: center;
margin:0 auto 0 auto;
}
.pie a {text-decoration:underline; color: #808080; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: bold;}
.pie a:hover {color: #000000;}