/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * general.css
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@import url(/css/general.color.css);
@import url(/css/general.texto.css);

/* ETIQUETAS ESTANDARS */
/* =================== */

html {
    font-size: 0.95em;
}
body {
    padding: 0 0 0 0;
    margin: 0;
}
body, input, select, textarea {
	font-family: "Georgia", "Garamound", "Times New Roman", "Times", "serif";
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: bold;
}
form.enlinea { display:inline; }

/* ENCABEZADOS */
/* =========== */

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	margin-bottom:1.0em;
}

h1 {
	font-size: 1.1em; 
	font-weight:bold;
	letter-spacing: 0.02em;	
}
h1 img {
	margin-right: 4px;
}
h2 { 
	font-size: 0.95em; 
	font-weight:bold; 
	letter-spacing: 0.02em; 
}

h3 {
	font-size: .8em; 
	letter-spacing: .02em;
	font-weight:bold; 
	text-transform:uppercase; 
}

h4 { font-size: .75em; text-transform:lowercase; }

hr {
	margin-top: 1.5em; 
	margin-bottom: 1.5em;
	height: 4px;
}

/* ------ TEXTO -------------------------------------------------------------- */
p,li,parrafo { font-size:0.95em; }
p,li,a,div { font-weight:normal; }
p {	line-height:120%; }
p.botonera { line-height:150%; }
p.normal {
	text-indent:20px;
	text-align:justify;
}
p.normal:first-letter {
	font-weight:normal;
	font-size:1.5em;
}
em { font-weight:bold; }
tt { 
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight:bold; 
	font-size: 1.2em; 
}
ul { margin: 0 0 0 1.8em; padding: 0; }
li {
	text-align:justify;
	padding-bottom:4px;
	list-style-position: outside;
}
pre { padding: 0.5em; }
pre em { font-weight:normal; font-style:normal; }

/* hotwords */
acronym { cursor: help; }
acronym.ac1 { cursor: help; }
acronym.ac2 { cursor: help; }
.txtrojo { padding:0.3em; }

/* ------ ENLACES ------------------------------------------------------------ */
a, a.default { padding: 1px 3px 1px 3px; }
.fboton {
	font-family: "trebuchet ms", "avantgarde", "arial", "sans-serif";
	font-weight: bold;
	font-size:0.9em;	
	padding:2px;
	padding-left: 1em;
	padding-right: 1em;
	cursor: hand;
}
.fboton2 {
	font-family: "trebuchet ms", "avantgarde", "arial", "sans-serif";
	font-weight: bold;
	font-size:0.9em;	
	padding:0;
	cursor: hand;
}

/* ------ IMAGENES ----------------------------------------------------------- */
img.foto {
	padding:2px;
	padding-bottom:4px;
}
img.small {
	float:left;
	margin-left:0px;
	margin-right:4px;
}
artimg01 {
	display:block;
	float:left;
	margin-left:0px;
	margin-right:4px;
}

/* ------ CABECERA ----------------------------------------------------------- */
td#cabecera { z-index:0; }
td#cabecera img#logo {
	padding: 0;
	display: block;
	float:left;
	margin: 4px 4px 2px 4px;
	width: 201px;
	height: 60px;
}
td#cabecera a.inicio {
	display: block;
	float:left;
}
td#cabecera div.usuario {
	display: block;
	float:bottom;
	font-size: 0.6em;
	text-align: right;
	vertical-align: bottom;
	margin: 0px 4px 0px 0px;
}
td#cabecera div.usuario strong, td#cabecera div.usuario b { font-weight:bold; }
td#cabecera div.eslogan {
	display: block;
	float:bottom;
    font-size: 0.9em;
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
    margin: 0px 4px 0px 0px;
}
td#cabecera div.menu2 {
	display: block;
	float:inline;
	text-align: right;
	font-size: 0.6;
	margin: 10px 4px 4px 4px;
	padding: 10px 4px 4px 4px;

}

/* ------ SECCIONES ---------------------------------------------------------- */
td#secciones {
	font-size:0.8em;
	padding: 2px;
}
a.seccion, a.seccion:visited {
	display:block;
	float: left;
	font-family: "Arial", "Verdana", "Helvetica", "Serif";
	font-weight: bold;
	margin: 2px;
	padding: 1px 6px 1px 6px;
}
a.seccion:hover {
	font-family: "Arial", "Verdana", "Helvetica", "Serif";
	font-weight: bold;
}


/* ------ MENU DE SECCION (CELDA) -------------------------------------------- */
td#menu {
	padding-top:4px;
	padding-riht:2px;
	width:20%; /*180px;*/
	vertical-align: up;
}
#menu h3 {
	display:block;
	float: up;
	font-weight: bold;
	margin: 2px 2px 6px 2px;
	padding: 1px 6px 1px 6px;
}
#menu hr {
	display:block;
	float: up;
	width: 1px; height:1px;
	margin-left: 140px;
}
#menu hr.separador { margin-top: 1px; margin-bottom: 1px;}
a.area1, a.area1:visited {
	display:block;
	float: up;
	margin: 2px;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px 2px 2px 6px;
}
a.area2, a.area2:visited {
	display:block;
	float: up;
	margin: 2px;
	margin-left: 1em;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.7em;
	padding: 1px 1px 1px 4px;
}
a.area_actual1, a.area_actual1:visited {
	display:block;
	float: up;
	margin: 2px;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px 2px 2px 6px;
}
a.area_actual2, a.area_actual2:visited {
	display:block;
	float: up;
	margin: 2px;
	margin-left: 1em;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.7em;
	padding: 1px 1px 1px 4px;
}
a.areaBoton, a.areaBoton:visited {
	display:block;
	float: up;
	margin-left: 2px;
	margin-bottom: 1em;
	text-align: center;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px 2px 2px 6px;
	width:50%;
}
.camino {
	display:block;
	float: up;
	margin: 0px;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight: bold;
	font-size: 0.7em;
	padding: 2px 2px 2px 2px;
	width:100%;
}


/* ------ CELDA CONTENIDO ---------------------------------------------------- */
#contenido {
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	height:300px;
}


/* ------ CELDA PIEMENU ------------------------------------------------------ */
#piemenu {
	text-align:center;
	padding:4px;
}
#piemenu a, #piemenu a:visited {
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	display:block; float:right;
	font-size:0.8em;
	padding:0px 6px 0px 6px;
}
#piemenu img { display:block; float:right; padding:0px 6px 0px 6px; }


/* ------ CELDA PIE ---------------------------------------------------------- */
#pie {
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	text-align:center;
	padding:2px;
}
#pie2 {
	font-size:0.6em;
	text-align:center;
	padding:2px;
}
#pie a, #pie a:visited { font-size:0.8em; }
.abajo { font-size:0.8em; margin:0.5em; margin-top:2em; }
#prnlogo { display:none; }


/* ------ MARCOS Y CUADROS --------------------------------------------------- */
div.marco_left, div.marco_100 {
	display:block;
	margin:0.2em;
	padding:0.1em;
}
div.marco_left { width:32%; float:left; }
div.marco_100 { width:98%; float:top; }
.marco_left h1, .marco_100 h1 {
	display:block;
	float:up;
	margin:0px;
	margin-bottom:4px;
	padding:0.3em;
	font-size:0.9em;
	letter-spacing: 0em;
}
.marco_left h2, .marco_100 h2 {
	display:block;
	float:up;
	font-size:0.8em;
	margin:2px;
	margin-top:4px;
	margin-bottom:4px;
	padding:0.2em;
}
.marco_left p, .marco_100 p {
	display:block;
	float:up;
	margin:2px;
	margin-left:0.5em;
	padding:0.1em;
}
div.marco {
	display:block;
	margin:0.5em;
	padding:0.3em;
}
div.cuadro {
	display:block;
	margin:0.5em;
	margin-left:2em;margin-right:1em;
	padding:0.3em;
}
div.cuadro h4 {
	display:block;
	padding-left:4px;
}
div.cuadro a {
	display:block;
	float:top;
	margin:2px;
}
div.cuadro img { display:block; float:left; margin-left:2px; margin-right:8px; margin-top:6px;}
.cuadro2 {
	display:block;
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	margin:0.1em;
	padding:0.2em;
	font-size: 0.9em;
}
.cuadro3 {
	display:block;
	margin:0.2em;
	margin-left:1em;
	padding:0.2em;
	font-size: 0.9em;
}
.cuadro4 {
	display:block;
	margin:0.2em;
	margin-left:1em;
	padding:0.2em;
	font-size: 0.9em;
}
.cuadro5 {
	display:block;
	margin:0.2em;
	margin-left:1em;
	padding:0.2em;
	font-size: 0.9em;
}
.cuadro6 {
	display:block;
	margin:0.2em;
	margin-left:1em;
	padding:0.2em;
	font-size: 0.9em;
}


/* ------ TABLAS ------------------------------------------------------------- */
table.tabla {
	width: 100%;
}
table.tabla th {
	font-family: "trebuchet ms","avantgarde","arial", "sans-serif";
	font-weight:bold;
	text-align:center;
	margin:0.2em;
	padding:0.2em;
	font-size: 0.9em;
}
table.tabla th.left {
	text-align:left;
}
table.tabla td {
	text-align:left;
	margin:0.2em;
	padding:0.2em;
	font-size: 0.9em;
}
table.tabla td p {
	display:block;
	float: top;
	margin:4px;
	padding:0.4em;
}
table.tabla td div.cuadro6 {
	display:block;
	float: top;
	margin:4px;
	margin-left:2em;
	padding:0.2em;
}
table.tabla td p img, table.tabla td p a {
	display:block;
	float: left;
}
table.tabla2, table.tabla2 td { font-size:0.8em; }
table.tabla3 { width: 100%; }
table.tabla4 { width: 100%; }
table.tabla4 h1, table.tabla4 p { margin: 0.0em; }
#tablaLogin {
	cell-spacing: 0px;
	cell-padding: 2px;
	margin-top: 1.5em;
}
#tablaLogin th {
	font-size:0.8em;;
	padding: 2px;
}
#tablaLogin td { padding: 2px; }
.tablatrabajos, .tablaborde {
	width:100%;
	cell-spacing: 8px; 
	cell-padding: 4px;
	margin-bottom: 1.5em;
}
.tablatrabajos tr { cell-padding: 1em; }
.tablatrabajos td.muestra, .tablatrabajos td.muestra2 { 
    text-align: right;
    vertical-align: top;
	cell-spacing: 8px;
}
.tablatrabajos td.descr { 
	cell-spacing: 8px; cell-padding: 4px;
}
.tablaborde td.cabecera2 { vertical-align: top; }