/* Estilos generales */
div#todo {
  	margin: 0;
 	padding: 0;
	border: 0;
}

body {
  	/* margin: 10px 10px 0px 10px; */
  	/* margin: 0; */
  	margin: 1px;
 	padding: 0px;
  	color: black; 
  	background-color: white;
	font-family: verdana,sans-serif;
  	font-size: 10pt;
}

h1, h2, h3, h4, h5 {
    font-family: sans-serif;
    font-variant: small-caps;
    margin-top: 2pt;
    margin-bottom: 8pt;
    border-style: none;
    border-width: thin;
    text-align: center;
}
h1 {
    font-size: 150%;
    padding-left: 0.4%;
    width: 99.6%;
}
h2 {
    font-size: 130%;
    padding-left: 0.8%;
    width: 99.2%;
}
h3 {
    font-size: 115%;
    padding-left: 1.2%;
    width: 98.8%;
    font-variant: small-caps;
}
h4 {
    font-size: 105%;
    padding-left: 1.6%;
    width: 98.4%;
    text-align: left;
}
h5 {
    font-size: 95%;
    padding-left: 2%;
    width: 98.0%;
}

a:link, a:visited {
	text-decoration: none;
	color: #184221;		/* verde oscuro */
}

a:hover, a:active {
	text-decoration: underline;
	color: #006700;		/* verde clarito */
}

/* 
td {
	cellpadding: 5; 
	valign: top;
}
*/


p { 
	/* text-indent: 1.8em; */
	text-align: justify;
}

p + p {
	margin-top: 0;
}

p.justificado { 
	text-align: justify;
}

p.centrado {
	text-align: center;
}

p.izquierda {
	text-align: left;
}

p.derecha {
	text-align: right;
}

p.caja { 
	/* text-align: justify; */
	font-size: 130%;
	font-family: "Lucida Console","Courier New",Courier,monospace;
	font-weight: bold;
	text-align: center;
	border: 1px dotted #184221;
}

ul { 
	/*list-style-image: url(img/orgright_small.gif); */
	/* list-style-type: square; */
	list-style-image: url(img/cross_hand.png);
}

li {
	margin-bottom: 10px;
}


/* =========================== Nueva cabecera ====================== */
div#cabecera {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30%;
	background-color: #006700;					/* Verde Junta según sus iconos */
	left:0px;
	top:0px;
}
p.nula {
	margin: 0;
	padding: 0;
  	text-align: left;
}

div#cangrejo {
	float: left;
	width: 23%;
	vertical-align: baseline;
	margin-bottom: 10px;
}
img.icono_junta {
	border: 0px solid;
	padding: 0; 
}
div#titulo {
	margin-top: 30px;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 0px; 
	padding: 0;
	width: 42%;
	float: left;
}

span.titulo {
	text-align: left;
	text-indent: 0.2em;
	font: 20pt/20pt verdana,sans-serif;
	color: white;
	letter-spacing: 0.1em;
}

div#delegacion {
	/* float:left; */
	float: right;
	/* width:25%; */
	margin-right: 20px;
}

img.delegacion {
	margin-top: 17px;
	margin-bottom: 0;
	margin-right: 0;
	border: 0px solid;
	padding: 0; 
	vertical-align: bottom;
}
span.titulillo {
	text-indent: 0.2em;
	color: white;
	background-color: #006700;					/* Verde Junta según sus iconos */
	letter-spacing: 0.1em;
	font: 6pt/8pt sans-serif;
	clear: both;
}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
div#menu {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	/* color: white; */
	/* background-color: #184221; */			/* Verde Junta oscuro 	*/
}
p.menu_entrada {
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-align: center;
  	color: white;
  	/* background-color: #006700;	*/			/* Verde clarito */
  	background-color: #184221;				/* Verde Junta oscuro */
}
div.menu a:link {
	text-decoration: none;
	color: white;									/* Verde oscuro */
}
div.menu a:visited {
	text-decoration: none;
	color: white;									/* Verde oscuro */
}

div.menu a:hover, a:active {
	text-decoration: underline;
   color: white; 								/* Verde clarito */
}


div#cuerpo {
}

/* ======== primera columna del cuerpo: la botonera ======================== */
div#botonera {
/*
	float: left;
	width: 15%;
  	margin-right: 0;
  	margin-bottom: 0;
  	margin-top: 20px;
  	margin-left: 5px;
*/
	/* Esto es guay, pero no funciona en el IE */
	/* position: fixed; */
	float: left;
	margin-left: 0%;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 15%;

  	padding: 0;
   vertical-align: middle;
}

div#nmenu {
	/* Esto es guay, pero no funciona en el IE */
	/* position: fixed; */
	float: left;
	margin-left: 0%;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 15%;
  	padding: 0;
   vertical-align: middle;
}

div#nmenu_bloque {
	/* border: 1px solid #006700; */
}

p.nmenu_titulo {
	margin: 0;
	padding: 0;
	text-indent: 0;
  	font-family: "Comic Sans MS",fantasy;
  	font-size: 115%;
  	color: white;
  	background-color: #006700;				/* Verde clarito */
}

div.nmenu_entrada {
	/* border: 1px dotted #006700; */
	border: 1px dotted maroon;
	background: url("img/fondodepantalla.gif") white repeat;
}
div.nmenu_entrada a:link {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
}
div.nmenu_entrada a:visited {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
}

div.nmenu_entrada a:hover, a:active {
	text-decoration: underline;
   color: #006700; 					/* Verde clarito */
}


/* ========================= la columna central ======================= */
div.novedades {
	float: left;
	vertical-align: top;
	width: 65%;
   /* color: black; */
   margin-left: 5px;
   /* margin-left: 16%; */
   margin-right: 5px;
   padding: 10px;
}

div.novedades h2 {
	color: white;
	background-color: #006700;		/* Verde clarito */ 
}
div.novedades h3 {
	color: white;
	background-color: #006700;		/* Verde clarito */ 
}

div.novedades a:link {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
}
div.novedades a:visited {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
}

div.novedades a:hover, a:active {
	text-decoration: underline;
   color: #006700; 					/* Verde clarito */
}
/* 
div.texto a:link, a:visited {
    	text-decoration: none;
    	color: #184221;
}
div.texto a:hover, a:active {
   text-decoration: underline;
	color: #006700;
} 
*/

div.noticia {
	/* border: 1px dotted #006700; */
	border: 1px dotted maroon;
	background: url("img/fondodepantalla.gif") white repeat;
}

div.oficinav {
	/* border: 1px dotted #006700; */
	border: 1px dotted maroon;
	background-color: #f8e8a0;
}

p.noticia {
	color: #006700; 					/* Verde clarito */;
  	margin-left: 15px;
  	text-indent: 5px;
}

div.noticia a:link {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
}
div.noticia a:visited {
	text-decoration: none;
	color: #184221;				/* Verde oscuro */
	/* font-weight: bold; */
}

div.noticia a:hover, a:active {
	text-decoration: underline;
   color: #006700; 					/* Verde clarito */
}

span.fecha_noticia {
  	font-family: "Comic Sans MS",fantasy;
  	font-size: 115%;
  	color: white;
  	background-color: #006700;				/* Verde clarito */
}

/* ========================== tercera columna ========================== */
div.tema_mes {
	/* float: right; */
	/* Esto es guay, pero no funciona en el IE */
	/* position: fixed; */

	/* float: left; */
	margin-left: 85%;
	margin-top: 1%;
	margin-bottom: 1%;
	/* width: 12%; */
	width: 10%;
}

div.tema_mes h3 {
  	font-variant: small-caps;
}

div.tema_mes a:link, a:visited {
	color: maroon;
	text-decoration: none;
}

div.tema_mes a:hover, a:active {
	color: maroon;
   text-decoration: underline;
	/* text-decoration: none; */
}

div.tema_mes img {
    	border: 0px solid;
    	padding: 0; 
    	width:90px;
    	vertical-align: sub;
}


/* ================================================================ */
div#pie {
	width: 70%;
	margin-left: 20%;
   margin-right: 20%;
   text-align: center;
   font-family: "Lucida Console","Courier New",Courier,monospace;
   font-size: small;
   border-top: 0px dotted #006700;
}

/* =============================== fragmentos y divisiones ================== */
table.asesores {
	/* height: 536px; */
   /* width: 560px; */
	width: 100%;
	border: 1px dotted #006700;
	/* cellpadding: 0; */
	/* cellspacing: 0; */
}

td.asesores_cargo {
	border: 1px dotted #006700;
	width: 30%;
}

td.asesores_nombre {
	border: 1px dotted #006700;
	width: 70%;
}



/* ================================================================ */
table.herbario {
	border-collapse: collapse;
	width: 100%;
	/* background-color: #CCFF99; */
	border: 1px dotted #006700;
}

div.herbario {
	background-color: #CCFF99;
}

div.cita {
    	margin-left: 5%;
    	margin-right: 5%;
    	text-align: justify;
    	font-family: "Lucida Console","Courier New",Courier,monospace;
    	font-size: small;
    	background-color: #e5e1da;
}

div.responsable {
    	margin-left: 5%;
    	margin-right: 5%;
    	text-align: justify;
    	font-family: "Lucida Console","Courier New",Courier,monospace;
    	font-size: 80%;
    	background-color: #e5e1da;
}

/* Las flechas de siguiente, anterior... */
img.navegacion {
	border: 0px solid; 
	height: 15px; 
	width: 15px;
	vertical-align: middle;
}

span.small {
    	font-size: small;
}
span.tiny {
    	font-size: 60%;
}

span.fecha {
    	/* color: red; */
    	/* color: #184221; */
    	/* background-color: #EECC99; */ /* Naranjita */
    	font-weight: bold;
    	/* font-variant: small-caps; */
}

span.esperamos {
	font: 20pt/24pt "Comic Sans MS", penguinattack, fantasy;
	color: blue;
}

span.q {
    	color: red;
    	font-weight: bold;
}
span.a {
    	color: maroon;
}

span.nuevo {
    	color: red;
    	font-weight: bold;
		font-size: 80%;    	
}

span.alarma {
    	color: red;
    	font-weight: bold;
}