body{
  /*
  background-color:#6f92ae;
  */
  background-color:#FFF;
}

#fondo{
 margin:auto;
 /*
 background:url(/img/maquetacion/fondo.gif);
 background-repeat:repeat-y;
 background-position:center;
 */
}


#contenedor_superior{
  width:100%;
  /*height:91px;*/
  /*
  background-color:#3b6f99;
  */
}

  #contenedor_superior #enlaces{
    margin:auto;
    width:65em;
    padding:0.15em 0 0.15em 0;
    text-align:left;
    background:#557792;
    /*border-left:0.08em solid #709fc4;
    border-right:0.08em solid #709fc4;*/
    color:#999999
  }

    #contenedor_superior #enlaces span.lema20aniv {
      margin: 0 6em 0 1em;
    }

    #contenedor_superior #enlaces a {
      color: #ffffff;
    }
    #contenedor_superior #enlaces a:hover {
      
    }


  #contenedor_superior #cabecera{
    /*margin:0 0 0.25em 0;*/
    height: 90px;
    /*
	background-color: #3b6f99;
	*/
  }

    #contenedor_superior #cabecera div.fondo{
      width:780px;
      height: 90px;
      margin:auto;	  
      background:url(/img/cabecera.png);
      background-position:left top;
      background-repeat:no-repeat;
    }



#contenedor{
  margin:auto;
  width:70em;
  overflow:hidden;
  /*background-color:#F1F0E4;*/
}


  #contenedor #ruta{
    padding:0.25em 0 0.25em 2em;
    font-size: 0.90em;
   /* background-color: #CCCDB1;*/
  }

    #contenedor #contenedor_central{
      clear:both;
      float:none;
      overflow:hidden;
      margin: 1em 0 1em 0;
    }

      #contenedor #contenedor_central #menu_izq{
        width: 13em;
        float:left;
        border-right: 1px solid #BAC0A5
      }

        #contenedor #contenedor_central #menu_izq div.envolvente{
          margin:1em
        }

          #contenedor #contenedor_central #menu_izq div.envolvente div.menu div.menu_padre div.opcion_menu ul{
            text-align:left;
          }

      #contenedor  #contenedor_central #contenido{
        width: 38em;
        float:left;
        position: relative;
        left:-1px;
        border-left: 1px solid #BAC0A5;
        /*border-right: 1px solid #BAC0A5;*/
      }
        #contenedor  #contenedor_central #contenido h1{
          /*color:#af6895;*/
          color:#557792;
          font-family:Arial, Helvetica, sans-serif;
          font-size: 2.5em;
          padding:0;
          margin:0 0 1em 0;
          font-weight:normal;
          /*border-bottom: 1px solid #af6895;*/
          border-bottom: 1px solid #557792;
        }

        #contenedor  #contenedor_central #contenido h2{
          /*color:#f1a601;*/
          color:#000000;
          font-size: 1em; 
          padding:0;
          margin:0 0 0.5em 0;
          font-weight:bold;
        }

        #contenedor #contenedor_central #contenido div.envolvente{
          margin:1.5em;
		  margin-top:5em
        }

      #contenedor #contenedor_central #menu_der{
        width: 11em;
        float: left;   
        border-left: 1px solid #BAC0A5;
		  margin-top:5em
      }

        #contenedor #contenedor_central #menu_der dl{
          font-size:10px;
        }

          #contenedor #contenedor_central #menu_der dt{
            font-size:10px;
            font-weight:bold;
            background:#CCCCCC;
          }

            #contenedor #contenedor_central #menu_der dd{
              width:100%;
              text-align:right;
              margin-left:-0.1em;
            }

        #contenedor #contenedor_central #menu_der div.envolvente{
          margin-left:1em;
        }


        #menu_der div.punto_apoyo{
          width:136px;
          height: 241px;
          background:url(/img/maquetacion/punto_apoyo_fondo2.gif);
          background-position:left top;
          background-repeat:no-repeat;
        }

          #menu_der div.punto_apoyo div.numero{
            font-size:9px;
            padding-top:20px;
            padding-left:13px;
          }

          #menu_der div.punto_apoyo div.portada{
            padding:0;
            width:106px;
            height: 150px;
            margin:8px 0 0 11px;
            border: 1px solid #000000;
          }

          #menu_der div.punto_apoyo div.enlace_todas{
            font-size:9px;
            padding-top:7px;
            padding-left:30px;
          }


        #menu_der div.logo{
          margin: 1em 0 0 0;
        }

        #menu_der div.logo p{
          margin: 0.5em 0 0 0;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          /*font-weight: bold;*/
          border-width:0;
          color: #000666;
          text-align:center;
        }


   #pie{
    clear:both;
    color:#FFFFFF;
    padding:0.5em 0 0.5em 0;
    text-align:center;
    background-color: #3b6f99;
    /*background:url(/img/maquetacion/cabecera_fondo_plano.gif);
    background-position:top;
    background-repeat:repeat-x;*/
  }

  #pie a{
      color:#FFFFFF;
      font-weight:bold;
    }

   #pie a:hover{
      color:#FFFF00;
    }





  /* menu */ 


    #contenedor div.menu{
      font-size: 0.90em;
    }

    div.titulo_menu{
      font-size: 1em;
      font-weight:bold;
      padding:0 0 0.25em 0;
    }

    #contenedor div.menu ul,
    #contenedor div.menu ul li ul{
      margin:0 0 1em 0;
      padding:0;
      background-color:#cccdb1;
    }

      #contenedor div.menu ul li,
      #contenedor div.menu ul li ul li{
        line-height: 1.5em;
        list-style-type:none;
        border-bottom: 1px solid #9A9663 ;
        border-right: 1px solid #9A9663 ;
      }

      #contenedor div.menu ul li div:hover{
        background-color:#BABC8B;
      }

        #contenedor div.menu ul li a div{
          padding:0.25em 0.5em 0.25em 0.5em;
        }

        #contenedor div.menu ul li a:hover{
          color:#000000;
        }




    /* MENU DERECHO */

    div.menu_der{
      font-size: 0.90em;
    }

    div.menu_der ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 12em;
      background: #cccdb1;
	}

      div.menu_der ul li {
        position: relative;
      }

        div.menu_der li ul {
          position: absolute;
          left: -12em; /* Set 1px less than menu width */
          top: 0;
          display: none;
        }

      /* Styles for Menu Items */
      div.menu_der ul li a{
        display: block;
        text-decoration: none;
        background: #cccdb1; /* IE6 Bug */
        padding: 5px;
        border-bottom: 1px solid #9A9663;
        border-right: 1px solid #9A9663;
        text-align:left;
        overflow:hidden;
      }

    /* Fix IE. Hide from IE Mac \*/
    * html div.menu_der ul li { float: left; height: 1%; }
    * html div.menu_der ul li a { height: 1%; }
    /* End */

    div.menu_der ul li a:hover { color: #000; background: #BABC8B; }
		
		
    div.menu_der li:hover ul, div.menu_der li ul li:hover ul,
    div.menu_der li.sfhover ul, div.menu_der li ul li.sfhover ul {
     display: block;
    }

    div.menu_der li:hover ul ul,
    div.menu_der li.sfhover ul ul{
     display: none;
    }




  /* otros */

  .accesibilidad_oculto{
    display:none;
  }



/* --------------------------------------------------- */
/* PRESENTACIÓN DEL FORMULARIO                         */
/* --------------------------------------------------- */



fieldset {  
/*  float: left;  */
  clear: both;
  width: 48em; 
/*  margin: 0 0 1.5em 0;*/
margin:0;
  padding: 0;
  /*border: 1px solid #BFBAB0;  */
  border: 1px solid #CCC;
  /*background-color:#5A5BB5;*/
/*background-color:#ECECD9;*/
  background-color:#557792;
  //padding-top:1em;
  background-image:url(/img/maquetacion/fondo_formulario.jpg);
  background-position:14em;
  background-repeat:repeat-y;
}

legend {  
  margin-left: 1em;  
  padding: 0;  
  color: #000;  
  font-weight: bold;
  display:none;
}

fieldset ol {  
  list-style: none;
  margin-left:0.5em;
  padding-left:0.5em;

}

fieldset li {  
  float: left;  
  clear: left;  
  width: 100%;  
  padding-bottom: 1em;
}

        fieldset ol li label em { 
          margin-left: 0.5em;  
        }


      fieldset ol li span{
        margin-left: 1em;
        color:#666666;
      }
label {  
  float: left;  
  width: 12em;  
  margin-right: 2.3em;  
  text-align: right;
  /*font-weight:bold;*/
  color:#FFFFCC;
  //margin-right: 2em;
}

fieldset div{
float:left;
width: 27em;
}

/*
fieldset.botonera {  
  float: none;
  clear:both;
  border-style: none;  
  background:none;
  padding-top:0;
  text-align:right;
  padding-left: 15.5em;
  //padding-left: 1.35em;
}*/

fieldset.botonera{
  width:48em;
  margin:0;
  padding:1.5em 0 0 0;
  background:none;
  border-style:none;
  text-align:right;
  //margin-right: -0.80em;
}






/*
*/


 .boton_mas {
  background-color: transparent;
  background-image:url(/img/botones/insertar_desplegable.gif);
  height:16px;
  width:15px;
  border:none;
  overflow:hidden;
  cursor:pointer;
  text-indent:15px;
  padding-left:0px;
  //text-indent:0px;
  //padding-left:15px;
}


 .boton_menos {
  background-color: transparent;
  background-image:url(/img/botones/eliminar_desplegable.gif);
  height:16px;
  width:15px;
  border:none;
  overflow:hidden;
  cursor:pointer;
  text-indent:15px;
  padding-left:0px;
  //text-indent:0px;
  //padding-left:15px;
}


/* --------------------------------------------------- */
/* Presentación de datos con listas de definición      */
/* --------------------------------------------------- */


dl.presentacion_datos{
  width:48em;
  clear:both;
  padding:0;
  margin:0 0 1em 0;
  /*background-color: #a8abde;*/ /* fondo oscuro para la fila */
  background-color:#557792;
  border: 1px solid #CCC; 
  overflow:hidden;
}

dl.presentacion_datos dt,
dl.presentacion_datos dd{
  float:left;
  padding:0 1em 0.5em 0;
  margin:0;
}

dl.presentacion_datos dt{
  width:15em;
  text-align:right;
/*  font-weight:bold;*/
  padding-right:1em;
color:#FFFFFF;
}

dl.presentacion_datos dd{
  width:30em;
  background-color:#ECECD9;  /* fondo claro para la definicion */
  /*background-color:#D6E4FC;*/  /* fondo claro para la definicion */
  padding-left:1em;
 /* background-image:url(/imagenes/maquetacion/fondo_formulario.jpg);*/
  background-repeat:repeat-y;

}

/* la primera fila lleva un padding-top*/
dl.presentacion_datos #a,
dl.presentacion_datos #a{
  padding-top:0.5em;
}

/* la ultima fila lleva un padding-bottom*/
dl.presentacion_datos #z,
dl.presentacion_datos #z{
  padding-bottom:1em;
}

/* estilos para el div que contendrá la botonera */

dl.presentacion_datos div.botonera dt,
dl.presentacion_datos div.botonera dd{
  padding-top:0.75em;
  margin-bottom:1px;
  border-bottom: #FFFFFF 1px solid;
  height:1em;
}

dl.presentacion_datos div.botonera dt span{
  visibility:hidden;
}

dl.presentacion_datos div.botonera dd{
  text-align:right;
}


.texto_descriptivo{
  border:1px solid #CCCCCC;
  padding: 1em;
  text-align: justify;
}

.hazte_socio{
 text-align:right; 
 margin-top:-2.5em; 
 font-size:12px; 
 margin-bottom:2.5em; 
 font-variant:small-caps; 
 color: #557792
}

.hazte_voluntario{
 text-align:right; 
 margin-top:-2.5em; 
 font-size:12px; 
 margin-bottom:2.5em; 
 font-variant:small-caps; 
 color: #557792
}

.mensaje_info
{
	color:#000;
	font:11px/1.5em Verdana;
	text-align:justify;	
	padding:0.5em 1em 0.5em 1em;
	background-color:#E2E2C7;
	border:#CCC 1px solid;
	margin-bottom: 1em;
	width:50.5em;	
}

.mensaje_advertencia
{
	color:#000;	
	font:11px/1.5em Verdana;
	text-align:justify;	
	padding:0.5em 1em 0.5em 1em;
	background-color:#FF9;
	border:#CCC 1px solid;
	margin-bottom: 1em;
	width:50.5em;	
}

 .cabecera_fondo{
    width:70em;
	height: 5em;
    margin:0 auto;
	padding-bottom: 20em; /*esto permite ver la imagen fondo.png completa*/
    background: url("/img/fondo.png") no-repeat scroll;
    background-position:right -275px;
   /* border-right:1px #999 solid;
    border-left:1px #999 solid;
    border-bottom:1px #999 solid;*/


}

  .cabecera_fondo .barra_colores div{
    height:2em;
  }
  .barra_colores .color1{
    width:33%;
    float:left;
    background-color:#648da3;
  }
  .barra_colores .color2{
    width:34%;
    float:left;
    background-color:#e17312;
  }
  .barra_colores .color3{
    width:33%;
    float:left;
    background-color:#985d8b;
  }

  div#contenido_cabecera{
    /*margin:1em 1em 0 1em;*/
    margin:1em;
    overflow:hidden;
  }


    #contenido_cabecera .izq{
      float:left;
      width:300px;
    }

      #contenido_cabecera .izq h1 {
        text-indent:-9999px;
        background:transparent url("/img/logo.png?") no-repeat scroll;
        height:85px;	
        width:283px;
        /*margin:0 0 0 100px;*/
     }


    #contenido_cabecera .cen{

      float:left;
      width:200px;
        height:85px;
    }


    #contenido_cabecera .der {
      float:right;
      margin-right:3em;
      /*width:500px;*/;

    }