/* CSS Document */

/*PAGE LAYOUT*/

body {
    background: #F0F0F0 ;
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }


#toppage {
    width:800px;
  }


#date {
    float:left;
    width:190px;
    height:39px;
    border-bottom:solid 1px #999999;
    border-right:solid 1px #999999;
  }


#topbar {
    float:left;
    width:608px;
    height:40px;
    background-image:url(bg_topbar.gif);
    background-color:#CBC55C;
    background-repeat:repeat-x;
    border-right:solid 1px #999999;
  }


#header {
    width:800px;
  }


#content {
    width:800px;
  }


#contenttext {
    float:left;
    width:608px;
    background-color:#F7F7F7;
    border-left:solid 1px #999999;
    border-right:solid 1px #999999;
    border-bottom:solid 1px #999999;
    border-top:dotted 1px #CCCCCC;
    min-height:360px;
  }


#logo {
    float:left;
    width:190px;
    height:110px;
    background-color:#F7F7F7;
    border-left:solid 1px #999999;
  }


#pagetitle {
    position:relative;
    float:left;
    width:608px;
    height:110px;
    background-color:#F7F7F7;
    border-right:solid 1px #999999;
  }


#title {
    position:absolute;
    right:10px;
    bottom:0px;
    width:600px;
  }


#menu {
    float:left;
    width:190px;
    margin:0px;
  }


#footer {
    width:590px;
    padding-right:10px;
    padding-left:200px;
  }

/*GRAY PANEL*/

.panel {
    padding:12px;
    border:solid 1px #E4E4E4;
    background-color:#EEEEEE;
    margin:10px;
    padding:10px;
    width:550px;
    height:160px;
  }

/*TEXT STYLES*/

.bodytext {
    font: 0.7em Tahoma, sans-serif;
    color: #666666;
  }


.smalltext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    color: #666666;
  }


.smallwhitetext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
  }


.smallwhitetext a {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
    text-decoration:none;
  }


.smallwhitetext a:hover {
    text-decoration:underline;
  }


.smallgraytext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:#CCCCCC;
  }


.smallgraytext a {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:#CCCCCC;
    text-decoration:none;
  }


.smallgraytext a:hover {
    text-decoration:underline;
  }


.titletext {
    font: 0.7em Tahoma, sans-serif;
    font-size:36px;
    font-weight:bold;
    color: #CCCCCC;
  }


.logotext {
    font: 0.7em Tahoma, sans-serif;
    font-size:36px;
    font-weight:bold;
    color: #999999;
  }


.orangelogotext {
    font: 0.7em Tahoma, sans-serif;
    font-size:36px;
    font-weight:bold;
    color:#FF9900;
  }


.orangetitle {
    font: 0.7em Tahoma, sans-serif;
    font-size:24px;
    font-weight:bold;
    color:#FF9900;
  }


#linksmenu a {
    float:right;
    width:183px;
    height:20px;
    background-color:#ABC578;
    border-left:solid 1px #FFFFFF;
    border-bottom:solid 1px #FFFFFF;
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #FFFFFF;
    text-decoration:none;
    padding-top:5px;
  }


#linksmenu a:hover {
    background-color:#514F1C;
  }

body.bodySubeFoto { padding: 10px;
                    background: white;
                    font-family: arial;
                    font-size: 12px;
                    color: #ABC578;
}

div.blanco {
    height: 400px;
    width: 100%;
  }


tabla.hijos {
    width: 100%;
    border-width: 0px;
    font-family: arial;
    font-size: 12px;
    color: black;
    padding: 2px;
    text-align: left;
  }

input.cajaSubeFoto { position: absolute;
                     opacity: 0;
                     z-index: 2;
}

input.cajaTextoSubeFoto { position: relative;
                          top: -12px;
                          border: solid 1px #ABC578;
                          z-index: 1;
}
img.subefoto { position: relative;
               top: -4px;
               z-index: 1;
}
input.cajaTexto {
    text-align: center;
    background: white;
    border-style: solid;
    border-color: #ABC578;
    border-style: solid;
    border-width: 1px;
    padding-left: 3px;
    padding-right: 3px;
  }
input.cajaTextoEntrada {
    text-align: left;
    background: white;
    border-style: solid;
    border-color: #ABC578;
    border-style: solid;
    border-width: 1px;
    padding-left: 3px;
    padding-right: 3px;
  }

input.cajaTextoPlantilla {
    text-align: center;
    background: white;
    border-style: solid;
    border-color: #ABC578;
    border-style: solid;
    border-width: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: arial;
    font-size: 10px;
    color: black;
    width: 110px;
  }
  
div.registro {
    text-align: center;
    font-family: arial;
    font-size: 10px;
    border-width: 0px;
    width: 100%;
    padding-top: 25px;
  }


div.formularioRegistro {
    width: 80%;
    margin: 0 auto;
    border-width: 1px;
    border-color:#ABC578;
    border-style: solid;
    text-align: left;
    padding: 10px;
  }


span.boton {
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background: #ABC578;
    color: white;
    font-family: arial;
    font-size: 10px;
    text-decoration: none;
    outline-color: #ABC578;
    outline-style: solid;
    outline-width: 1px;
    width: 15%;
  }
a.cambiar {
    padding: 3px 5px 3px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background: #ABC578;
    color: white;
    font-family: arial;
    font-size: 10px;
    text-decoration: none;
    outline-color: #ABC578;
    outline-style: solid;
    outline-width: 1px;
    width: 15%;
  }
input.boton {
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background: #ABC578;
    color: white;
    font-family: arial;
    font-size: 10px;
    text-decoration: none;
    outline-color: #ABC578;
    outline-style: solid;
    outline-width: 1px;
  }

div.botonInvertido {
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background: #ABC578;
    color: white;
    font-family: arial;
    font-size: 10px;
    text-decoration: none;
    outline-color: #ABC578;
    outline-style: solid;
    outline-width: 1px;
    width: 15%;
  }


table.plantillas {
    border-width: 0px;
    width: 100%;
    text-align: center;
  }


tr.plantilla {
    height: 30px;
  }

td.plantilla { text-align: center;
}

div.subefoto {
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 0px;
    height : 600px;
    visibility : hidden;
    width : 100%;
    z-index : 1;
    position: absolute;
    left: 1px;
    top: 1px;
    padding-top: 250px;
    text-align: center;
    background: #D0D0D0;
    background: url('../images/sombra.png');
  }
iframe.marcosubefoto { background: white;
                       border-width: 1px;
                       border-style: solid;
                       border-color: #ABC578;
                       width: 300px;
                       height: 105px;
                       opacity: 1;
                       filter: alpha(opacity=100);
                       position: relative;
                       left: -10px;
                       top: -10px;
}

div.sombra {   background: url('../images/sombra.png');
               width: 303px;
               margin: 0 auto;
}
div.guardar {
   text-align: right;
   width: 100%;
   height: 10px;
}
a.indice:link { font-family: arial;
                font-size: 14px;
                color: black;
                font-weight: bold;
                text-decoration: none;
              }
a.indice:visited { font-family: arial;
                   font-size: 14px;
                   color: black;
                   font-weight: bold;
                   text-decoration: none;
                 }
a.indice:hover { font-family: arial;
                 font-size: 14px;
                 color: red;
                 font-weight: bold;
                 text-decoration: none;
               }
a.indiceSeleccionado:link { font-family: arial;
                            font-size: 20px;
                            color: black;
                            padding-left: 4px;
                            padding-right: 4px;
                            font-weight: bold;
                            text-decoration: none;
                          }
a.indiceSeleccionado:visited { font-family: arial;
                               font-size: 20px;
                               color: black;
                               padding-left: 4px;
                               padding-right: 4px;
                               font-weight: bold;
                               text-decoration: none;
                             }
a.indiceSeleccionado:hover { font-family: arial;
                             font-size: 20px;
                             color: red;
                             font-weight: bold;
                             padding-left: 4px;
                             padding-right: 4px;
                             text-decoration: none;
                           }
a.lista:link { font-family: arial;
                font-size: 12px;
                color: black;
                text-decoration: none;
              }
a.lista:visited { font-family: arial;
                   font-size: 12px;
                   color: black;
                   text-decoration: none;
                 }
a.lista:hover { font-family: arial;
                 font-size: 12px;
                 color: red;
                 text-decoration: none;