body
{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  color: #000000;
}

div.fondo
{
  background-image: url("./imgs/fondo.jpg");
  position: fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:-1;
}

div.encabezado
{
  width:900px;
  margin: 0px auto 0px auto;
  padding:0px;
  display:block;
  overflow: auto;
}

div.centro
{
  width:900px;
  background:url("./imgs/fondo2.png") repeat;
  margin: 0px auto 0 auto;
  padding:0px;
  position:relative;
  overflow: auto;
}

div.menus
{
  position: relative;
  width:109px;
  padding-top: 25px;
  padding-bottom:5px;
  height: auto;
  float: left;
  overflow: auto;
}

div.contenido
{
  background-color:#FFFFFF;
  width: 780px;
  padding: 0px 5px 5px 5px;
  vertical-align:top;
  float: right;
}

div.centrado
{
  clear:both;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align:center;
}

div.camino
{
  font-size:14px;
  height:25px;
  width:100%;
  text-align:right;
}

div.piegraph
{
  width:900px;
  margin:0px auto 0 auto;
  text-align: center;
  padding:15px 0px 15px 0px;
  background:url("./imgs/fondo2.png") repeat;
  clear:both;
  overflow: auto;
}

div.marcogrph
{
  padding: 0px 30px 0px 30px;
  width:120px;
  display: inline;
}

div.piedatos
{
  width:100%;
  height:55px;
  background-color:#b2b9b2;
  display:block;
  clear:both;
}

div.piemenu
{
  width:100%;
  line-height:25px;
  text-align:center;
  vertical-align:middle;
  background-color:#4c1e80;
  display:block;
}

div.marco
{
  border: double medium #d0d0d0;
  margin: 5px auto 15px auto;
  padding: 10px;
}

h1.titulo
{
  font-weight:bold;
  font-size:18px;
}

h1.imipe
{
  font-size: 14px;
  font-weight:bold;
  color:#FFFFFF;
  padding:0px;
  line-height:25px;
  text-indent:120px;
  vertical-align:middle;
}

h2.titulo
{
  font-size: 20px;
  font-weight: bold;
  color: #4c1e80;
  text-align: center;
  margin-bottom: 15px;
}

h3
{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align:left;
  margin:10px 0px 5px 0px;
}

h4
{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align:center;
  margin:10px 0px 5px 0px;
}

p
{
  font-weight:normal;
  color:#000000;
  text-indent:5px;
  text-align: justify;
  margin:5px 0px 10px 0px;
}

.txt
{
  color:#000000;
}

.txtbco
{
  color:#FFFFFF;
}

.txtgrph
{
  font-size: 14px;
  font-weight: bold;
  color:#000000;
  text-align:left;
  text-indent:0px;
}

.imgizq
{
  float:left;
  margin:5px;
}

.imgder
{
  float:right;
  margin:5px;
}

div.barra
{
  background: transparent url("./imgs/barra.png") no-repeat;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size:14px;
  font-weight: bold;
  height:25px;
  width: 700px;
  margin: 2px auto 2px auto;
  display: block;
  cursor: pointer;
  padding-top:3px;
}

a.item:link
{
  text-decoration: none;
}

a.item:visited
{
  text-decoration: none;
  color: #404040;
}
a.item:hover
{
  text-decoration: underline;
}

a.item:active
{
  background-color: #b2b9b2;
  color: #FFFFFF;
  text-decoration: none;
}

a.arriba
{
  float:right;
  font-size:14px;
  font-weight: bold;
  text-decoration: underline;
}

a.bco
{
  color: #ffffff;
  text-decoration: none;
}

a.bco:hover
{
  color: #ffffff;
  text-decoration: underline;
}

a.bco:active
{
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
}

li.items
{
  list-style-image: url('./imgs/flecha.gif');
  list-style-position: outside;
  margin: 5px 0px 5px 15px;
}

li.items2
{
  list-style-image: url('./imgs/flecha.gif');
  list-style-position: outside;
  margin: 5px 0px 5px 110px;
}

li.items3
{
  list-style-type: square;
  list-style-position: outside;
  margin: 5px 0px 5px 50px;
}

#tabla
{
  border-collapse: collapse;
  margin: 0px auto 0px auto;
}

#tabla th
{
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  border: solid thin #d0d0d0;
  background-color: #8a64b7;
  color: #ffffff;
}

#tabla tr, #tabla td
{
  padding: 3px;
  border: solid thin #d0d0d0;
}

#tabla tr.alt, #tabla td.alt
{
  background-color: #eff1f0;
}

input.boton
{
  font-weight: bold;
  height: 25px;
  width: 80px;
  color: #ffffff;
  border: none;
  background: transparent url("./imgs/btn1.png") no-repeat;
}

input.boton:active
{
  font-weight: normal;
  height: 25px;
  width: 80px;
  color: #ffffff;
  border: none;
  background: transparent url("./imgs/btn2.png") no-repeat;
}
.foto_pie
{
   font-style: italic;
   font-weight: bold;
   font-size: 1em;
   text-align: justify;
}

.foto_der
{
   float:right;
   width: 300px;
   display: block;
   border-top: solid #500009 2px;
   border-left: solid #500009 2px;
   margin-left: 5px;
   padding: 5px 0px 0px 5px;
}

.foto_izq
{
   float:left;
   width: 300px;
   display: block;
   border-top: solid #500009 2px;
   border-right: solid #500009 2px;
   margin-right: 5px;
   padding: 5px 5px 0px 0px;
}

.fotostyle
{
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}