/* Comunidad y Biodiversidad 2005. Rodolfo, rdlfo@panintegral.com */

body { margin: 0px;
            background-image: url(img/fondo.jpg);
			background-repeat:repeat-x;
            font-family: verdana, helvetica, arial, sans-serif;
            background-color: #2668A5;
			color: #036; }

/* este es para ventanas pop */
.body2 { margin: 0px;
            background-image: url(img/fondo2.jpg);
			background-repeat:repeat-x;
            font-family: verdana, helvetica, arial, sans-serif;
            background-color: #2668A5;
			color: #036; }
			
.body3 { margin: 0px;
            background-image: url(img/fdo_pop_curr.jpg);
			background-repeat:repeat-x;
            font-family: verdana, helvetica, arial, sans-serif;
            background-color: #EFF4F7; }

/*
.tblboda {
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    }
*/
div#dcuerpo { text-align: center; }

table#cuerpo { margin: auto; /*width: 100%; /*border: solid 1px #000;*/ }

table#menutab { width: 800px; height:22px; }

.menunav { vertical-align:top; }

.fecha { font-size: 10px;
        color: #FFF;
        text-align: right; }

table#contenido { width: 100%; /*816px;*/ }

.td_sombra_izq { width: 15px; vertical-align: top; text-align: right; }
.td_sombra_der { vertical-align: top; text-align: left; }

.td_banda { width: 31px; vertical-align: top; }
            
.td_titulo { height: 39px; vertical-align: top; background-image: url(img/fdo_pleca_inicio.gif); background-repeat: repeat-x; background-color: #D6E2E4; }

.td_contenido { /*height: 592px;*/ /* background-image: url(img/fdo_contenido.gif);*/ vertical-align: top; }

.td_contenido_abajo { /* width: 755px; */
						vertical-align:bottom;
                        height: 15px;
						background-color:#2668A5; }

.td_pie { width: 755px;
            height: 27px;
            font-family: verdana, arial, sans-serif;
            font-size: 10px;
            color: #FFF;
            text-align: center;
            /* background-image: url(img/fdo_pie.jpg); */ }

table#contenido2 { width: 755px;
                /* este es el fondo degradado, 338 pix y sobre x, encimado sobre fdo_contenido en .td_contenido */
                background-image: url(img/fdo_contenido_degrad.jpg);
                background-repeat: repeat-x;
				background-color:#DFEBE8; }

.td_contenido2_margen_izq { width: 15px;
                            vertical-align: top;
                            text-align: left; }

.td_contenido2 { width: 720px; vertical-align: top; }

.td_contenido2_margen_der { width: 20px;
                            vertical-align: top;
                            text-align: right; }

/*
.td_pleca_naranja { width: 755px;
                    background-color: #DF772B; }
*/

/* PLECA NARANJA */
table#contenido_pleca { width: 755px; height:41px;
                        background-color: #DB7118;
						background-image:url(img/pleca_nar.gif);
						background-repeat:repeat-x;
                        font-family: Georgia, Times New Roman, Times, serif;
                        font-size: 23px;
						letter-spacing:4px;
                        font-weight: bold;
                        color: #FFF;
                        /* margin-left: 15px;
                        margin-right: 20px; */
                        }

.td_w15_naranja { width: 15px;
                    /*background-image: url(img/sombra_naranja.gif);
                    background-repeat: repeat-y;*/ }
                  
.td_esq_naranja { width: 15px;
                  vertical-align: top;
                  /*background-image: url(img/esq_naranja.gif);
                  background-repeat: no-repeat;*/ }

/*pleca azul*/  
.td_plecaa { height:25px;
            background-color: #DF772B;
			background-image:url(img/pleca_azul.gif);
			background-repeat:repeat-x;
			font-family: Georgia, Times New Roman, Times, serif;
            font-size: 18px;
			letter-spacing:2px;
            font-weight: bold;
            color: #FFF;
			padding-left:15px;}

/* PLECA FONDO */
table#contenido_pleca_fdo { width: 755px;
                        background-color: #F4F6ED;
                        vertical-align: top;
                        font-family: Georgia, Times New Roman, Times, serif;
                        font-size: 20px;
                        font-weight: bold;
                        color: #DF772B;
                        }

.td_w15_fdo { width: 15px;
                    background-image: url(img/contenido_sombra_izq.gif);
                    background-repeat: repeat-y; }

.td_esq_fdo { width: 15px;
                  vertical-align: top;
                  background-image: url(img/esq_fdo.gif);
                  background-repeat: no-repeat; }

/* tabla dentro de la celda de enmedio .contenido2 */
table#contenido3 { width: 720px; margin-left:10px; margin-right:10px }

.td_234_middle { width: 240px; vertical-align: middle; }
.td_234 { width: 240px; vertical-align: top; }

.td_subm { width:150px; vertical-align: top; }
.td_contenido3 { vertical-align: top; }

.separador_gris { /* mide 9px la imagen del separador, el cual va al centro */
                  width: 9px;
                  background-image: url(img/pleca_gris_h.gif);
                  background-repeat: repeat-y; }
.separador_gris2 { /* mide 9px la imagen del separador, el cual va al centro */
                  width: 15px;
                  background-image: url(img/pleca_gris_h.gif);
                  background-repeat: repeat-y; }

.separador_hueco { width: 9px; }

.tit_g_blanco { font-family: Georgia, Times New Roman, Times, serif;
                font-size: 20px;
                font-weight: bold;
                color: #FFF; }
                
.tit_m_naranja { font-family: Georgia, Times New Roman, Times, serif;
                font-size: 13px;
                font-weight: bold;
                color: #DF772B; }


table#tcab { width: 450px; font-size: 12px; }
.td_cab { width:150px; height:30px; text-align:center; font-weight:bold; color:#FFF; background-color:#00A1D3; }

/* datos tabulares (usado en cobi_val.php)*/
table#tvalores { width: 450px; border: solid 1px #00A1D3; font-size: 12px; background-color:#D6E2E4; background-image: url(img/fdo_contenido_degrad.gif); background-repeat:repeat-x; }
.td_dato { width:150px; height:25px; text-align:center; border:solid 0px; border-right-width: 1px; border-right-color: #ADDBEA; }
.td_dato3 { width:150px; height:25px; text-align:center; }


/* tabla para imagenes */
table#pics { width: 95%; font-size: 12px; }
.td_pic { width:30%; height:30px; text-align:center; }

/* tabla CURR */
table#curr { width: 450px; font-size: 12px; }
.td_curr_pic { width:150px; text-align:center; vertical-align:top; }
.td_curr_datos { width:300px; text-align:left; }

/* tabla clara para listas largas */
table#tabla_lista { margin-left:3%; margin-right:3%; width:94%; border: solid 1px #FFF; background-color: #EFF4F7;  }
table#tabla_lista_pub { width:100%; border: solid 1px #FFF; background-color: #EFF4F7;  }
.td_lista { padding:10px; vertical-align:top; }
.td_lista_33 { padding:3px; width:33%; vertical-align:top; background-color: #EBECEC; }

/* tabla de submenu en fondo pescador (cuatro piezas) */
table#fp_sm { width: 552px; }
.td_fpsm { width:138px; text-align:center; }

div#80pc { margin-left:220px; margin-right:10px; background-color:#FFF; }


/* (DIVS) estilos para submenues, en la parte izq. */
div#menu {
	padding-left:5px;
	padding-top:1px;
	padding-bottom:5px;
	width:90%;
	border:1px solid;
	border-color: #F4A72D; 
	background-color:#E1EDF5; /* gris F0F0F0 */ 
	}

div#sub_menu { margin-bottom:0px;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	padding:3px;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:0px solid;
	border-color: #FCC;
	background-color:#BAD7EA; /* gris DDD */
	font-size: 12px;
	}

div#sub_menu2 { margin-bottom:1px;
	margin-left:15px;
	margin-right:8px;
	padding:3px;
	background-color:#9FC5DF; /* gris C8D3DA */
	font-size: 10px;
	}

/* DIVS para dividir en dos columnas la seccion de contenido. Uso original para fp02 (reservas marinas) */

div#cont_col_i
	{
	float: left;
	width: 150px;
	background-color: #FFF;
	border: 1px solid #F4A72D;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}
div#cont_col_d
	{
	margin-left: 170px;
	padding: 5px;
	}


.frase
	{
	text-align:center; height:20px; color:#FFFFFF; font-weight:normal; background-color: #2730630;
	}

.nota_gris { font-size: 10px; color: #999; }

hr {border-top-width: 1px; border-top-style: solid; border-color: #CCC; margin: 5px;}

p, .p { font-size: 12px; line-height: 1.5; }
.p11 { font-size: 11px; line-height: 1.2; }
.p10 { font-size: 10px; }
.p10nota { font-size: 10px; color:#666; }
.p10creditopub { font-size: 10px; color:#666; }

/* pro_tit2 se usa para titulos de proyectos. el primero es CHONCHO*/
.pro_tit { font-family: Georgia, Times New Roman, Times, serif; font-size: 28px; letter-spacing:2px; color:#DF772B; font-weight: bold; }
.pro_tit2 { font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; color:#DF772B; font-weight: bold; }

/*
estilos pro_subs usados para subtemas, p.e. uno de los subtemas de fondo pescador 
origen es para indicar a que universo pertenece el subtema 
color claro> F6D7C0
divPS es una caja para contener los subtitulos
*/
.pro_sub { font-family: Georgia, Times New Roman, Times, serif; letter-spacing:0px; font-size: 20px; color:#FFF; font-weight: bold; }
.pro_sub_origen { font-family: verdana, helvetica, arial, sans-serif;  letter-spacing:1px; text-decoration: underline; font-size: 9px; color:#4D2504; font-weight: normal; }
.pro_sub_origen_noliga { font-family: verdana, helvetica, arial, sans-serif;  letter-spacing:1px; font-size: 9px; color:#fff; font-weight: normal; }
div#divPS
	{
	margin-top:5px;
	margin-bottom:5px;
	}


/* anio, para publicaciones */
.x_anio{
	/* margin-left:1px;
	margin-right:1px; */
	font: 11px Arial, sans-serif;
	font-weight:bold;
    color: #4F78A2;
	padding:5px;
	background-color:#FFFFFF;
    }


/* warning */
.warning { font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; color:#EEE; font-weight: bold; }
.warning_liga { font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; color:#EEE; font-weight: bold; text-decoration:underline; }

.nota_gris { font-size: 11px; color:#969696; font-weight: bold; }

li { font-size: 10px; }

a { font-size: 12px; text-decoration: none; color: #C00; }

.apics { text-decoration: none;}

a:hover { text-decoration: none; color: #00C; background-color: #FFF; }

.negrita { font-weight: bold; }

.resalta { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; font-weight: bold; }

.centro { text-align:center; }

.derecha { text-align:right; }

.izquierda { text-align:left; }

/* publicaciones */
.publicacion { font-size: 10px; /*font-weight: bold*/ ; }

/* imagenes (alineaciones y espacios) */

.pic_consejo {
	float:left; width:106; text-align:center; padding:2px; margin-bottom:25px; margin-left:25px;
	font-size:12px; background-color:#FFF; border:1px dotted gray;
	}

.pic_x { /*  pic general, para setear el float y el ancho */
	font: 11px Arial, sans-serif;
    color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }

.pic_d_185{
	width:185px;
	float: right;
	font: 11px Arial, sans-serif;
    color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }
    
.pic_i_185{
	width:185px;
	float: left;
	font: 11px Arial, sans-serif;
	color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }
    
.pic_d_250{
	width:250px;
	float: right;
	font: 11px Arial, sans-serif;
    color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }

.pic_i_250{
	width:250px;
	float: left;
	font: 11px Arial, sans-serif;
	color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }
    
.pic_450{
    width:450px;
	padding:5px;
	font: 11px Arial, sans-serif;
	color: #4F78A2;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin-left:50px; margin-right:50px;
    }

.pic_450_nb{
    width:450px;
	padding:5px;
	margin-left:50px; margin-right:50px;
    }
    
.pic_60_nb{
    width:60px;
	padding:5px;
	margin:5px;
	float: left;
    }
    
.pic_60{
    width:60px;
    float: left;
	padding:5px;
	margin:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
    }
    
/* imagenes curriculum */
.pic_curr_thumb{
	width:150px;
	font: 11px Arial, sans-serif;
    color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
	margin:5px;
    }

/* imagenes tipo titulo */
.pic_tit{
	text-align:center;
	width:540px;
	color: #4F78A2;
	padding:5px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
    }
	
/* video 320 x 240 */
.pic_video{
	text-align:center;
	width:330px;
	margin:auto;
	color: #4F78A2;
	padding:4px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
    }
	
/* video youtube */
.pic_video_yt{
	text-align:center;
	width:96%;
	margin:auto;
	color: #4F78A2;
	padding:4px;
	background-color:#EFF4F7;
	border: 1px solid #BCD6E9;
    }

	
 /* nav_np ligas siguiente/atras para contenidos consecutivos */
 .nav_np {
	text-align: right;
	padding: 2px;
	margin: 2px;
    }