body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}
table, td, p, div, span, nobr, ul, ol, input {font-size:8pt; color:#000000; font-weight:normal; font-family:tahoma;}
textarea, pre {font-size:10pt; color:#003366; background-color:#cccccc; font-family:tahoma; border:1px solid #003366; padding:1pt; margin:1pt;}
//li {margin-left:11pt;}
a {text-decoration:none}
a:link {color:#000000}
a:visited {color:#000000}
a:active {color:#000000}

/*****************************************************/
.boton{
       background:#FF8000;
       float:center;
       font-family:Helvetica, Arial, sans-serif;
       color:white;
       font-size:100%;
       font-weight:bold;
       text-align:center;
       vertical-align:absmiddle;
       border-top:0px solid #999;
       border-left:0px solid #999;
       border-right:1px solid #808080;
       border-bottom:1px solid #808080;
       width:60px;
       height:18px;
       cursor:pointer;
       text-decoration:none;
       }

.botn a {text-decoration:none}
.botn a:link {color:#FFFFFF}
.botn a:visited {color:#FFFFFF}
.botn a:active {color:#FFFFFF}



/******************************************************/

/**************************************************************************
ESTILOS PARA LA VENTANA POPUP 20090323@JCP
***************************************************************************/
#capaPopUp {
  background-color:#000;    /* Le damos la el color de la opacidad. */ 
  opacity:0.65;         /* Este valor mostrará la intensidad de la opacidad. */
  position:absolute;       /* La posición tendrá que ser absoluta. */
  z-index:9001;         /* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
  top:0;             /* Para que posicione la capa al punto '0' del top de la página. */
  left:0;           /* Para que posicione la capa al punto '0' a la izquieda de la página. */
  width:100%;         /* El valor por defecto que tendrá que expandirse. */
  height:50%;         /* El valor por defecto que tendrá que expandirse. */
  display:none;        /* Por defecto estará desactiva */
}
#popUpDiv {
  position:absolute;       /* La posición tendrá que ser absoluta. */
  z-index:9002;         /* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */  
  overflow:auto;        /* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
  left:50%;           /* Para posicionar horizontalmente la capa al centro de la página */
  display:none;         /* Por defecto estará desactiva */
  top:50%;           /* Para posicionar verticalmente la capa al centro de la página */
}
/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
  display:block;
  width:400px;         /* Necesario para que el script centre la capa horizontalmente en la página */
  height:200px;        /* Necesario para que el script centre la capa verticalmente en la página */
  background-color:#FFF;
}

/*******/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
/*background-color: transparent;
z-index: 5;                 */
overflow:hidden;
        background-color: #FFF;
        -moz-opacity:0.6;
        opacity: 0.7;
        filter: alpha(opacity = 35);

        z-index:10;
/*        border-color:#c4c4c4;
        border-style: solid;   */

        cursor:crosshair;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 30;
/*border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
z-index: 6;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
margin-top: 200px; /*(La mitad del alto del objeto)*/
margin-left: 100px; /*(La mitad del ancho del objeto)*/

z-index: 7;
}
/***********************************/

a.button{
background:#FF8000;
float:center;
font-family:Helvetica, Arial, sans-serif;
color:white;
font-size:100%;
font-weight:bold;
text-align:center;
vertical-align:middle;
border-top:0px solid #999;
border-left:0px solid #999;
border-right:2px solid #808080;
border-bottom:2px solid #808080;
width:60px;
height:18px;
cursor:pointer;
text-decoration:none;
}
.button a:link {color:#FFFFFF}
.button a:visited {color:#FFFFFF}
.button a:active {color:#FFFFFF}
/*
a.button:hover{
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #999;
border-bottom:1px solid #999;
color:#333;
}

a.button span{
background:#d4d0c8 url(images/bg_btn.gif) repeat-x;
float:left;
line-height:24px;
height:24px;
padding:0 10px;
border-right:1px solid #777;
border-bottom:1px solid #777;
}
a.button:hover span{
border:none;
border-top:1px solid #777;
border-left:1px solid #777;
background:#d4d0c8 url(images/bg_btnOver.gif) repeat-x;
cursor:pointer;}
*/
#layer1 {
  position: absolute;
  visibility: hidden;
  width: 280px;
  height: 150px;
  left: 40px;
  top: 70px;
  background-color: #efebf7;
  border: 1px solid #F15603;
  padding: 10px;
}