/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++                                                        +++
++++    Esta es la hoja de estilos del proyecto Cat�logo    +++
++++    de organismos presentes en colombia.                +++
++++                                                        +++
++++    Todos los estilos estan divididos por las �reas     +++
++++    principales del catalogo as�:                       +++
++++                                                        +++
++++    Primero las clases que son generales y se aplican   +++
++++    a la totalidad del cat�logo, luego las clases que   +++
++++    estan en la p�gina de busqueda, en la p�gina de     +++
++++    resultados, en la ficha de la especie y finalmente  +++
++++    en el area de ingreso de datos.                     +++
++++    cada clase o grupo de clases tiene un abreve        +++
++++    descripsi�n de su funci�n.                          +++
++++                                                        +++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases generales que se aplican a todo el cat�logo --*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

BODY	{ color: #666666; font-family: 'Arial'; font-size: 12px; }

arbol{
        scrollbar-3dlight-color:#c4c0bf;
        scrollbar-arrow-color:#666;
        scrollbar-base-color:#c4c0bf;
        scrollbar-darkshadow-color: #c4c0bf;
        scrollbar-face-color:#fff;
        scrollbar-highlight-color:#fff;
        scrollbar-shadow-color:#fff;
}
    /*-- T�tulos por Defecto --*/
h1	{ color: #666666; font-family: 'Arial'; font-size: 14px; font-weight: bold; text-indent: 12px; margin: 5px 0px 0px 10px; }
h2      { color: #006633; font-family: 'Arial'; font-size: 12px; font-weight: bold; margin: 20px 5px 5px 20px; }
h4      { background-color: #cccccc; width: 88%; color: #006633; font-family: 'Arial'; font-size: 17px; font-weight: bold; text-align: center;
          margin: 5px auto -12px 25px; }
h3      { color: #666666; font-family: 'Arial'; font-size: 13px; font-weight: normal; text-align: right; margin: 5px 5px 5px auto; }

    /*-- Linea divisoria --*/
hr{
        width: 80%;
        text-align: center
        }

    /*-- List item --*/
li{
	color: #006633;
	font-family: 'Arial';
	font-size: 12px;
	font-weight: bold;
        margin: 8px auto 8px auto;
}

    /*-- Parrafo --*/
P	{
	font-family: 'Arial';
	font-size: 12px;
	font-weight: normal;
        margin: 5px 5px auto 20px;
	}

    /*-- Le da espacio inferior a la estructura que contiene e header y las
    lineas del dise�o (tambien para el contenedor de los botones de navegaci�n en resultados ficha de especie y busqueda con mapa)--*/
table.head{
        margin-bottom: 10px;
        }

    /*-- boton para ir a la p�gina anterior--*/
button.anterior{
        background-image: URL('../images/back_h.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }

    /*-- Texto que acompa�a al boton para ir a la p�gina anterior --*/
.textoAtras{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        text-align: left;
        width: 50px;
        }

    /*-- boton para ir a la p�gina de busqueda --*/
button.home{
        background-image: URL('../images/h.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }

    /*-- Texto que acompa�a al boton para ir a la p�gina de bucqueda --*/
td.textoHome2{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        text-align: left;
        width: 82px;
        }

    /*-- boton para ir a la p�gina de busqueda con filtro geogr�fico --*/
button.mapa{
        background-image: URL('../images/lupa_geo.gif');
        background-repeat: no-repeat;
        border: none;
        width: 35px;
        height: 36px;
        cursor: pointer;
        }

    /*-- Texto que acompa�a al boton para para ir a la p�gina de busqueda con filtro geogr�fico --*/
td.textoHome{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        text-align: left;
        width: 100px;
        }

    /*-- Generalidad para los enlaces --*/
a{
        color: #006633;
        font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
        background: none;
        text-decoration: underline;
        text-indent: 0px;
        }
a:hover{
        color: #006633;
        font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
        background: none;
        text-decoration: underline;
        }

/*++++++++++++++++++++++++++++++++++++++*/
/*-- Estilos de la p�gina de busqueda --*/
/*++++++++++++++++++++++++++++++++++++++*/

    /*-- Muestra imagen del head para p�gina de busqueda --*/
.lastHead{
        background-image: URL('../images/last_head_1_1.jpg');
        background-repeat: no-repeat;
        width: 676px;
        height: 99px;
        }

    /*-- Le da el estilo al contenedor de los grupos de especies--*/
.scrol{
        border : none;
        width : 65px;
        height : 252px;
        overflow : auto;
        margin-left: 8px;
        scrollbar-3dlight-color:#c4c0bf;
        scrollbar-arrow-color:#666;
        scrollbar-base-color:#c4c0bf;
        scrollbar-darkshadow-color: #c4c0bf;
        scrollbar-face-color:#fff;
        scrollbar-highlight-color:#fff;
        scrollbar-shadow-color:#fff;
        }

    /*-- posici�n de bloques inferiores de textos explicativos --*/
.instrucciones{
        margin: 15px auto 15px auto;
        }

    /*-- Estilo de texto explicativo --*/
.textoInst{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 11px;
        text-decoration: none;
        color: #666666;
        vertical-align: top;
        }

    /*-- Generalidad texto opciones de busqueda cualquier texto adicional en main_search.jsp adopta este estilo --*/
.search{
        COLOR: #666666;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
        height: 255px;
        margin-left: 8px;
        }

    /*-- Ubicaci�n t�tulo --*/
.despArbol{
        margin: 1px 1px 1px 1px;
        }

    /*-- Estilo del contenedor de los arboles desplegables en main_search.jsp--*/
.scrol2{
        border: solid 1px #666;
        border-right-color: #fff;
        border-color: #c4c0bf;
        width: 400px;
        height: 200px;
        overflow : auto;
        margin-top : 8px;
        scrollbar-3dlight-color:#c4c0bf;
        scrollbar-arrow-color:#666;
        scrollbar-base-color:#c4c0bf;
        scrollbar-darkshadow-color: #c4c0bf;
        scrollbar-face-color:#fff;
        scrollbar-highlight-color:#fff;
        scrollbar-shadow-color:#fff;
        }

    /*-- Titulo de main_search_2.jsp --*/
.searchText{
        width: 200px;
        margin: 1px auto 18 px 1px;
        }

    /*-- Estilo del campo de texto para poner criterio de busqueda --*/
.campo{
        border-style: solid;
        border-width: 1px;
        color: #666666;
        border-color: #c4c0bf;
        background-color: #ffffff;
        text-decoration: none;
        font-weight: normal;
        font-family: 'Arial';
        font-size: 11px;
        height: 18px;
        margin-right: 12px;
        }

    /*-- Posicion y estilo del icono buscar  --*/
.find{
        border-style: none;
        background-image: URL('../images/lupa.gif');
        background-repeat: no-repeat;
        background-position: center left;
        background-color: #ffffff;
        text-decoration: none;
        width: 35px;
        height: 30px;
        color: #666;
        padding-right: 18px;
        vertical-align: middle;
        margin: 1px auto 1px 1px;
        cursor: hand;
        }

    /*-- Texto buscar --*/
.textFind{
        font-family: 'Arial';
        font-weight: normal;
        font-size: 11px;
        padding-left: 12px;
        width: 165px;
        }
.textFindSelectivo{
        font-family: 'Arial';
        font-weight: normal;
        font-size: 11px;
        }
    /*-- Posicion y estilo del icono busqueda con filtro geogr�fico--*/
.find2{
        border-style: none;
        background-image: URL('../images/lupa_geo.gif');
        background-repeat: no-repeat;
        background-position: center left;
        background-color: #ffffff;
        text-decoration: none;
        width: 35px;
        height: 30px;
        color: #666;
        margin: 1px auto 1px 1px;
        cursor: hand;
        }

    /*-- Posicion y estilo del icono ministracion de contenidos --*/
.find3{
        border-style: solid;
        border-width: 0px;
        background-image: URL('../images/man.jpg');
        background-repeat: no-repeat;
        background-position: center left;
        border-color: #c4c0bf;
        background-color: #FFFFFF;
        text-decoration: none;
        width: 35px;
        height: 30px;
        color: #666;
        margin: 1px auto 1px 1px;
        cursor: hand;
        }
    /*-- Posici�n de el texto en los bloques inferiores de la p�gina de busqueda --*/
.instrucciones{
        margin: 15px auto 15px auto;
        }
     /*-- subt�tulo para el bloque de arbol taxonomico de la p�gina de busqueda --*/
.despArbol{
        margin: 1px 1px 1px 1px;
        }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican a la p�gina de resultados de la busqueda --*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    /*-- Muestra imagen del head para p�gina de resultados --*/
.lastHead2{
        background-image: URL('../images/last_head_2_2.jpg');
        background-repeat: no-repeat;
        width: 676px;
        height: 99px;
       }

    /*-- Estilo de la frase que muestra los registros encontrados y muestra
    el nombre cient�fico en el header de la p�gina de ficha del organismo--*/
.option {
        COLOR: #666;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
        margin-top: 25px;
    	}

    /*-- Estilo del n�mero de registros encontrados y el criterio de busqueda --*/
.red{
        background-color: transparent;
        COLOR: red;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
    	}

    /*-- Le da estilo al borde general de la tabla de resultados --*/
.tableResults{
        border-width: 1px;
        border-style: solid;
        border-color: #c4c0bf;
        font-family: 'Arial';
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        width: 745px;
        }

    /* Estos son los estilos de los links de navegaci�n por las tandas de resultados */
span {
        color: #006633;
        background: #fff;
	font-family: 'Arial';
        font-weight: bold;
	font-size: 16px;
        }
span.pagebanner {
        color: #006633;
	font-family: 'Arial';
        font-weight: norma;
	font-size: 14px;
        }
span.pagelinks a:link{
        color: #006633;
        background: #fff;
        font-family: 'Arial';
        font-weight: bold;
	font-size: 14px;
        }
span.pagelinks a:visited {
        color: #006633;
        background: #fff;
	font-family: 'Arial';
        font-weight: bold;
	font-size: 14px;
        }
span.pagelinks a:hover{
        color: #006633;
        background: #fff;
	font-family: 'Arial';
        font-weight: bold;
	font-size: 14px;
        }

    /* Estos son las im�genes de los links de navegaci�n por las tandas de resultados */
span.pagelinks a img.r{
        background-image: URL('../images/a_r.gif');
        background-repeat: no-repeat;
        border: none;
        margin: 2px auto auto auto;
        width: 7px;
        height: 13px;
        cursor: pointer;
        }
span.pagelinks a img.l{
        background-image: URL('../images/a_l.gif');
        background-repeat: no-repeat;
        border: none;
        margin: 2px auto auto auto;
        width: 7px;
        height: 13px;
        cursor: pointer;
        }
span.pagelinks img.r2{
        background-image: URL('../images/a_r.gif');
        background-repeat: no-repeat;
        border: none;
        margin: 2px auto auto auto;
        width: 7px;
        height: 13px;
        cursor: pointer;
        }
span.pagelinks img.l2{
        background-image: URL('../images/a_l.gif');
        background-repeat: no-repeat;
        border: none;
        margin: 2px auto auto auto;
        width: 7px;
        height: 13px;
        cursor: pointer;
        }
span.a.prev{
        background-image: URL('../images/a_l.gif');
        background-repeat: no-repeat;
        width: 7px;
        height: 13px;
    }
    /* Determina el borde y el tipo de letra en la casillas de numeraci�n de la tabla de resultados */
.taxon3{
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #c4c0bf;
        background-color: #fff;
        font-size: 13px;
	font-weight: bold;
        text-align: center;
        vertical-align: middle;
        width: 20px;
        }

    /* Determina el borde y el tipo de letra en la casilla nombre cient�fico de la tabla de resultados */
.taxon1{
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #c4c0bf;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #c4c0bf;
        background-color: #fff;
        font-size: 11px;
	font-weight: normal;
        text-align: left;
        vertical-align: top;
        text-indent: 0px;
        width: 400px;
        margin-top: 3px;
        }

    /* Determina el borde y el tipo de letra en la casilla nombres comunes de la tabla de resultados */
.taxon4{
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #c4c0bf;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #c4c0bf;
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        vertical-align: top;
        background-color: #fff;
        }

    /* Determina el borde y el tipo de letra en los encabezados de la tabla de resultados */

.taxon6{
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #c4c0bf;
        background-color: #fff;
        }

    /* Determina el estilo de la tabla contenida en las celdas de nombres comunes y su contenido */
.taxon2{
        background-color: #fff;
        font-size: 11px;
        width: 260px;
        text-align: left;
        vertical-align: top;
        }
    /* Determina el borde la casilla de ver ficha de la tabla de resultados */
.taxon5{
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #c4c0bf;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #c4c0bf;
        background-color: #fff;
        }

    /* Determina el estilo del bot�n y texto contenidos en la casilla de ver ficha */
.go{
        border-style: solid;
        border-width: 1px;
        padding: 2px;
        background-image: URL('../images/go.gif');
        background-repeat: no-repeat;
        background-position: 5% 50%;
        border-color: #c4c0bf;
        background-color: #ffffff;
        text-decoration: none;
        width: 70px;
        height: 18px;
        color: red;
        text-align: right;
        text-decoration: underline;
        font-weight: bold;
        font-family: 'Arial';
        font-size: 11px;
        cursor: pointer;
        }
.go:hover{
        border-style: inset;
        background-image: URL('../images/go.gif');
        background-repeat: no-repeat;
        }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican a la p�gina de busqueda con filtro geogr�fico --*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    /*-- Muestra imagen del head para p�gina de busqueda con filtro geogr�fico --*/
.lastHead3{
        background-image: URL('../images/last_head_4_4.jpg');
        background-repeat: no-repeat;
        width: 678px;
        height: 99px;
        }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican a la p�gina de ficha del organismo --*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    /*-- Muestra imagen del head para p�gina de ficha del organismo --*/
.lastHead4{
        background-image: URL('../images/last_head_3_3.jpg');
        background-repeat: no-repeat;
        width: 678px;
        height: 99px;
        }

    /*-- Estilo del texto que acompana al botónn IUCN--*/
.textoIucn{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        width: 66px;
        height: 50px;
        }

    /*-- Estilo del texto que acompana al botón Cites--*/
.textoCites{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        width: 66px;
        height: 50px;
        }
    /*-- Estilo del texto que acompa�a al botón Invasora--*/
.textoInvasora{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 12px;
        width: 66px;
        height: 50px;
        }


    /*-- Determina el estilo y la imagen del botón IUCN--*/
button.iucn{
        background-image: URL('../images/esp_amenzada.gif');
        background-repeat: no-repeat;
        border: none;
        width: 63px;
        height: 24px;
        cursor: pointer;
        }

    /*-- Determina el estilo y la imagen del botón Cites--*/
button.cites{
        background-image: URL('../images/cites.gif');
        background-repeat: no-repeat;
        border: none;
        width: 35px;
        height: 35px;
        cursor: pointer;
        }

    /*-- Determina el estilo y la imagen del botón Cites--*/
button.invasora{
        background-image: URL('../images/esp_invasora.gif');
        background-repeat: no-repeat;
        border: none;
        width: 63px;
        height: 24px;
        cursor: pointer;
        }


    /*-- Estilo del texto del nombre de la especie --*/
.taxonEspecie{
        color: #666666;
        background-color: #fff;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
        text-align: left;
        vertical-align: top;
        width: 750px;
        }

    /*-- Ubicaciónn del bloque que contiene los botones de edición de la ficha --*/
.prefooter{
        vertical-align: bottom;
        }

    /*-- Imagen y ubicaciónn del boton editar ficha de especie --*/
button.editar{
        background-image: URL('../images/e.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }

    /*-- Imagen y ubicaciónn del boton editar ficha de especie --*/
button.plinian{
        background-image: URL('../images/plinian.gif');
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        width: 32px;
        height: 32px;
        }

    /*-- Imagen y ubicaciónn del boton editar ficha de especie --*/
button.clonar{
        background-image: URL('../images/clonar.gif');
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        width: 35px;
        height: 32px;
        }


    /*-- Estilo del texto que acompa�a al bot�n editar ficha de especie --*/
.textoEdit{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 11px;
        width: 72px;
        padding-left: 4px;
        padding-right: 2px;
        }

    /*-- Imagen y ubicaci�n del boton borrar ficha de especie --*/
button.borrar{
        background-image: URL('../images/b.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }

    /*-- Estilo del texto que acompa�a al bot�n borrar ficha de especie --*/
.textoBorra{
        font-weight: bold;
        font-family: 'Arial';
        font-size: 11px;
        width: 80px;
        padding-left: 4px;
        padding-right: 2px;
        }

    /*-- Imagen de fondo del espacio de resumen de autoria de la ficha (parte inferiro de la ficha) --*/
.autoresTop{
        background-image: URL('../images/tabla_autores_top.jpg');
        background-repeat: no-repeat;
        width: 760px;
        height: 13px;
        }
.autoresleft{
        background-image: URL('../images/tabla_autores_left_side.jpg');
        background-repeat: repeat-y;
        width: 3px;
        height: 100%;
        }
.autoresRight{
        background-image: URL('../images/tabla_autores_right_side.jpg');
        background-repeat: repeat-y;
        width: 3px;
        height: 100%;
        }
.autoresBottom{
        background-image: URL('../images/tabla_autores_bottom.jpg');
        background-repeat: no-repeat;
        width: 760px;
        height: 12px;
        }
    /*-- Estilo de la primera columna del espacio resumen de autoria de la ficha --*/
.autorAbajo{
	color: #006633;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
        line-height: 14px;
        width: 75px;
        text-indent: 0px;
        vertical-align: top;
        padding-left: 7px;
        padding-right: 0px;
        }
    /*-- Estilo de la segunda columna del espacio resumen de autoria de la ficha --*/
.nombreAutor{
	font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
	color: #666;
        width: 312px;
        text-indent: 0px;
        padding-left: 7px;
        padding-bottom: 7px;
        }
    /*-- imagen de fondo de para la frase "de clic en CREDITOS"--*/
.citaCom{
        position: relative;
        top: 1px;
        left: 42px;
        background-image: URL('../images/cita_com.jpg');
        background-repeat: no-repeat;
        width: 265px;
        height: 30px;
        }
    /*-- Estilo de la frase "de clic en CREDITOS"--*/
.textoCita{
        position: relative;
        top: 6px;
        left: 6px;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
        }

    /*-- Estilo del texto explicativo despliegue de informaci�n --*/
.clic{
	color: #006633;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
        }

    /*-- Determina el estilo para los subtittulos de segundo nivel (Ej: regi�n natural, ecosistema, factor de amenaza, informaci�n de uso) --*/
.atributo4{
        color: #666666;
        font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
        text-indent: 32px;
        background-color: #EEF4DD;
        width: 450px;
        margin: 1px auto 1px 1px;
        }

    /*-- Comprende los t�tulos: Nombres comunes, Distribuci�n, Historia natural, Taxonomia,
    Estado de conservaci�n, Uso y tr�ico, Mas informaci�n y Creditos --*/
.atributo2{
        color: #666666;
        font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
        text-align: center;
        background-color: #C2D38D;
        width: 450px;
        margin: 1px 1px 4px 1px;
        }

    /*-- Comprende las franjas donde se encuentran las flechitas que despliegan la inforaci�n --*/
.atributo6{
        color: #666666;
        font-family: 'Arial';
	font-size: 12px;
	font-weight: normal;
        background-color: #F5F5F5;
        width: 450px;
        margin: 1px auto 1px 1px;
        }

        /*-- Determina margenes para los bloques Nombres comunes, Informaci�n basica de la ficha,
        Contacto de la ficha y Citaci�n de la ficha --*/
.tblCero{
        margin-bottom: -16px;
        width: 425px;
        }
    /*-- Estilo de los encabezados en la tabla de Nombres comunes--*/
.gris{
        background-color: #dddddd;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
        font-weight: normal;
        text-indent: 5px;
        }

    /*-- Determina el estilo especifico en el t�tulo contenido en el encabezado nombres comunes --*/
.gris2{
    	FONT-WEIGHT: bold;
        }

    /*-- Determina el estilo general para el contenido de lka tabla nombres comunes --*/
.simple{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial;
        font-weight: normal;
        text-indent: 5px;
        }

    /*-- Determina el espacio de enlaces a termino tesauro y ficha nomenclatural --*/
.tdDosDir{
        font-weight: normal;
        max-width: 240px;
        text-indent: 0px;
        padding-left: 5px;
        }
    /*-- Determina el estilo para los t�tulos de estado de conservaci�n UICN colombi y el mundo --*/
.subtitulo{
        color: #666666;
        font-family: 'Arial';
	font-size: 11px;
	font-weight: normal;
        background-color: #F3F9DF;
        width: 450px;
        margin: 1px auto -7px 1px;
        }
    /*-- Determina el ancho y posici�n de las tablas que contiene los atributos tanto listas como texto --*/
.tblTres{
        margin: 1px 1px 1px 1px;
        width: 425px;
        }
    /*-- Determina el estilo de la segunda columna de los atributos que se muestran como tabla Ej: Autores, Editores --*/
.title2{
	font-family: 'Arial';
	font-size: 15px;
	font-weight: bold;
        margin: 1px 1px 1px 1px;
        border-width: 1px;
        border-style: solid;
        border-color: #c4c0bf;
        width: 425px;
        table-layout: fixed;
        }
        /*-- Determinan el color de el intercalado de datos ( gris o blanco) en atributos que se muestran como tabla Ej: Autores, Editores  --*/
tr.fila0 {
    color: #666;
    background: #dddddd;

    text-indent: 12px;
    font-size: 11px;
    font-family: "Arial";
    margin-left: -5px;
    max-width: 410px;
    }
tr.fila1 {
    color: #666;
    background: white;

    text-indent: 12px;
    font-size: 11px;
    font-family: "Arial";
    margin-left: -5px;
    max-width: 410px;
    }
    /*-- Estilo de la segunda columna de atributos que se muestran como tabla --*/
.tdDos{
        font-weight: normal;
        max-width: 240px;
        text-indent: 0px;
        padding-left: 5px;
        }
    /*-- Estilo de la primera columna de atributos que se muestran como tabla --*/
.tdUno{
        padding-left: 5px;
        text-indent: 0px;
        width: 170px;
        }
    /*-- Determina el estilo de el contenedor de los atributos que se muestran como texto unicamente --*/
.space1{
	font-family: 'Arial';
	font-size: 12px;
	font-weight: normal;
        width: 410px;
        margin: 1px auto 1px auto;
        }
    /*-- Posici�n de los bloques que contienen las galerias de imagenes y mapas en la ficha del organismo --*/
.galerias{
        margin: 20px auto 10px 27px;
        }
    /*-- Posici�n del marco que contiene las imagenes en la galeria --*/
.posicionImagenGaleria{
        position: relative;
        left: 2px;
        }
    /*-- Estilo del texto ver mas imagenes de la galeria --*/
.textoImagenes{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 11px;
        text-align: center;
        width: 180px;
        }
    /*-- Posicion del texto de pie de foto de la galeria de imagenes --*/
.piefoto{
        margin: 2px auto 2px auto;
        }
    /*-- Bot�n izquierdo de las galerias de mapas y de im�genes --*/
.go3{
        border-style: solid;
        border-width: 1px;
        background-image: URL('../images/go2.gif');
        background-repeat: no-repeat;
        border-color: #c4c0bf;
        background-color: #ffffff;
        background-position: center center;
        text-decoration: none;
        width: 18px;
        height: 18px;
        font-weight: bold;
        font-family: 'Arial';
        font-size: 10px;
        }
.go3:hover{
        border-style: solid;
        border-width: 1px;
        background-image: URL('../images/go2.gif');
        background-repeat: no-repeat;
        }
   /*-- Bot�n derecho de las galerias de mapas y de im�genes --*/
.go4{
        border-style: solid;
        border-width: 1px;
        background-image: URL('../images/go.gif');
        background-repeat: no-repeat;
        background-position: center center;
        border-color: #c4c0bf;
        background-color: #ffffff;
        text-decoration: none;
        width: 18px;
        height: 18px;
        font-weight: bold;
        font-family: 'Arial';
        font-size: 10px;
        }
.go4:hover{
        border-style: solid;
        border-width: 1px;
        background-image: URL('../images/go.gif');
        background-repeat: no-repeat;
        }
    /*-- Posici�n del bloque que contiene las descargas de sonido y video de cada organismo  --*/
.descargas{
        margin: 12px auto 1px 27px;
        }
   /*-- Determina el estilo de el texto para descargar el ejemplo de audio --*/
.textoAudio{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 11px;
        text-align: left;
        width: 200px;
        }
   /*-- Determina el estilo de el texto para descargar el ejemplo de video --*/
.textoVideo{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 11px;
        text-align: left;
        width: 200px;
        }
        /*-- Trae la imagen del bot�n para descargar el ejemplo de audio --*/
button.audio{
        background-image: URL('../images/a.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }
        /*-- Trae la imagen del bot�n para descargar el ejemplo de video --*/
button.video{
        background-image: URL('../images/v.gif');
        background-repeat: no-repeat;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican a la p�gina de edicion e ingreso de especies  --*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

     /*-- Determina el estilo los t�tulos del �rea de ingreso de datos --*/
.adminTitle{
	color: #363636;
        background-color: #f8d206;
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
        text-indent: 12px;
        width: 100%;
        margin: 5px 0px 0px 1px;
        }
     /*--  Determina el estilo los subt�tulos del �rea de ingreso de datos --*/
.atributo7{
        color: #666666;
        font-family: 'Arial';
	font-size: 12px;
	font-weight: bold;
        background-color: #fdffbe;
        width: 100%;
        margin: 1px auto 1px 1px;
        }
     /*-- Determina el estilo de los items de edicion de una organismo Ej: Fecha de elaboraci�n, Fecha de actualizaci�n --*/
.textoIngreso{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 12px;
        text-decoration: none;
        color: #666666;
        vertical-align: top;
        width: 450px;
        height: 50px;
        }
     /*-- Determina el estilo general de todos los botones del �rea de edici�n de organismos --*/
.goIngreso{
        background-image: URL('../images/fondo_boton.gif');
        background-repeat: repeat-x;
        border-style: solid;
        border-width: 1px;
        background-position: center center;
        border-color: #c4c0bf;
        background-color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Arial';
        font-size: 10px;
        height: 18px;
          }
     /*-- Estilo de la linea divisoria entre subtitulos del �rea de edici�n de organismos --*/
hr.hrAdmin{
        border-color: 006633;
        border-style: solid;
        border-width: 1px;
        width: 98%;
        text-align: center
        margin-left: 8px;
        }
     /*-- Items con restricci�n de tama�o espacio especifico --*/
.textoIngreso2{
        font-weight: normal;
        font-family: 'Arial';
        font-size: 12px;
        text-decoration: none;
        color: #666666;
        vertical-align: top;
        width: 335px;
        height: 50px;
        }
     /*-- Contenedor para el texto explicativo del �rea de edici�n de organismos --*/
.scrol3{
        font-family: 'Arial';
        font-size: '11px';
        border : solid 1px #666;
        width: 220px;
        height: 190px;
        overflow : auto;
        margin-left: 35px;
        }

     /*-- Contenedor para el texto explicativo del �rea de edici�n de atributos --*/
.scrol4{
        border : solid 1px #666;
        width: 220px;
        height: 85px;
        overflow : auto;
        margin-left: 35px;
        }
     /*-- Determina el estilo del campo que indica la forma de ingreso o edici�n de atributos --*/
.campoAtributoEspecifico{
        color: #666666;
        font-family: 'Arial';
	font-size: 12px;
	font-weight: bold;
        background-color: #fdffbe;
        border-color: #fdffbe;
        border-style: solid;
        border-width: 1px;
        padding-top: 2px;
        }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican a la pantalla de errores del cat�logo --*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

     /*-- Pone la imagen de la pantalla de errores --*/
.error1{
        background-image: URL('../images/error.gif');
        background-repeat: no-repeat;
        width: 45px;
        height: 45px;
    }
     /*-- Estilo del t�tulo la pantalla de errores --*/
.error2{
	color: #006633;
	font-family: 'Arial';
	font-size: 20px;
	font-weight: bold;
        margin: 8px auto auto 60px;
    }
     /*-- Estilo del texto que indica el tipo de error en la pantalla de errores --*/
.error3{
	color: #666;
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
        width: 460px;
    }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-- Clases que se aplican al footer en todo el cat�logo      --*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    /*-- Determina el ancho total del footer --*/
.bodyFoot{
        width: 760px;
        }
        /*-- Propieda de la imagen de fondo del footer --*/
.newFoot{
        background-repeat: no-repeat;
        }
     /*-- Texto por general del footer --*/
h1.footer{
        text-align: left;
        font-size: 11px;
        font-weight: normal;
        margin: 13px 1px 1px 5px;
        }
     /*-- Texto por general del footer --*/
.apoyo{
	font-family: 'Arial';
        text-align: left;
        font-weight: normal;
        font-size: 11px;
        text-indent: 12px;
        margin: 18px auto -1px -5px;
        }
     /*-- Trae la imagen del Global Environment Facility --*/
.patro1{
        background-image: URL('../images/global_env_fac.gif');
        background-repeat: no-repeat;
        width: 47px;
        height: 45px;
        }
     /*-- Trae la imagen del Banco Mundial --*/
.patro2{
        background-image: URL('../images/banco_mundial.gif');
        background-repeat: no-repeat;
        width: 47px;
        height: 45px;
        }
     /*-- Trae la imagen de la embajada de los paises bajos --*/
.patro3{
        background-image: URL('../images/embajada_paises_bajos.gif');
        background-repeat: no-repeat;
        width: 47px;
        height: 45px;
        }
     /*-- Trae la imagen de INGENIAN SOFTWARE LTDA. --*/
a.powered{
        background-image: URL('../images/powered_by2.png');
        background-repeat: no-repeat;
        width: 170px;
        height: 31px;
        background-color: #fff;
        color: #fff;
        margin-left: 310px;
        }
             /*-- Manejo de estilos para mostrar los errores*/
.mensajeError{
  font-weight: light;
  color: red;
}