:root {
  --color-principal: #038f67;
}

body {
  background-color: #f0f0f0;
  margin: 0px;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #000;
}

#content {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

#header {
  background-image: url(../images/header.png);
  background-repeat: no-repeat;
  height: 190px;
  padding-left: 30px;
}

.convocatoria {
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}

#header h1,
#header p {
  padding: 0;
}

#header h1 {
  font-size: 18px;
  padding: 20px 0 0 0;
  margin: 0;
  color: var(--color-principal);
  text-transform: uppercase;
  font-family: 'Century Gothic', Tahoma, Verdana;
}

#header p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #333;
}

#footer {
  background-image: url(../images/bgfooter_.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  min-height: 100px;
  font-size: 12px;
  text-align: center;
  color: #666;
}

#footer p {
  margin: 0 60px;
  padding: 5px 0;
}

#footer hr {
  height: 0;
  border: 1px dashed #ccc;
  margin: 5px 60px;
}
.frameborder {
  border: 1px solid #999999;
}
.frameborder_d {
  border: 1px solid #999;
}
.botones,
.botonesContinuar,
.botones_disabled,
.boton_blanco {
  color: #fff;
  border: 1px solid #333;
  padding: 2px;
  background-image: url(../images/brillo.png);
  background-repeat: repeat-x;
  cursor: pointer;
  text-transform: capitalize;
}
.botones,
.botonesContinuar {
  background-color: var(--color-principal);
}
.botones_disabled {
  background-color: #999;
}
.boton_blanco {
  background-color: #ccc;
  color: #333;
}
.combos,
.combos_p,
.text_field {
  background-color: #fff;
  border: 1px solid #999;
  padding: 2px;
}
.combos_p {
  font-size: 10px;
}
pre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.texto_negro,
.texto_negro_n {
  color: #000;
  font-size: 12px;
  padding: 3px;
}
.texto_negro_n,
.texto_blanco {
  font-weight: bold;
  padding: 3px;
}
.texto_blanco {
  color: #fff;
  font-size: 12px;
}
.texto_mensajes {
  font-size: 14px;
  color: #333;
}
.texto_titulo {
  font-size: 18px;
  color: var(--color-principal);
}
.texto_credito {
  color: #666;
}
.texto_alerta {
  font-size: 12px;
  line-height: 16px;
}
.texto_negro_p {
  font-size: 11px;
}
.tabla_general {
  font-size: 12px;
}
.borde_tabla {
  background-color: #ccc;
}
.fondo_tabla {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid var(--color-principal);
}
.fondo_celda_1,
.fondo_celda_2,
.fondo_celda_3,
.fondo_celda_4,
.fondo_celda_5 {
  background-image: url(../images/brillo.png);
  background-repeat: repeat-x;
  font-size: 12px;
}
.fondo_celda_1 {
  background-color: var(--color-principal);
}
.fondo_celda_2 {
  background-color: #ccc;
}
.fondo_celda_3 {
  background-color: #fff;
}
.fondo_celda_4 {
  background-color: #ccc;
}
.fondo_celda_5 {
  background-color: #f0f0f0;
}
.bg_celda_5 {
  background-color: #f0f0f0;
}
.fondo_blanco {
  background-color: #fff;
}
.fondo_99 {
  background-color: #999;
}
img {
  border: none;
}
hr {
  noshade: noshade;
  color: #cccccc;
  size: 1px;
  border-style: dotted;
}
a:link,
a:visited {
  color: var(--color-principal);
  text-decoration: none;
}
a:hover {
  color: #666;
  text-decoration: underline;
}
a:active {
  color: var(--color-principal);
  text-decoration: underline;
}
/* Modal 
====================================*/
.modal {
  filter: alpha(opacity: 40);
  background-color: black;
  opacity: 0.4;
  khtmlopacity: 0.4;
  mozopacity: 0.4;
  moz-opacity: 0.4;
}

#botones {
  background-image: url('../images/bgdivbotones.png');
  background-repeat: repeat-x;
  border-top: 1px dashed #036;
  margin-top: 5px;
  padding-top: 2px;
  text-align: right;
}


/** titulo del concurso */

#header p {
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 12px !important;
    color: #666;
}
	
#header h1 {
    font-family: "Century Gothic", Tahoma, Verdana;
    font-size: 18px;
    padding: 0;
    margin: 0;
	color: var(--color-principal);
	text-transform: uppercase;
}