﻿html 
{
	/*background-image:url(../images/degradadoFondo.jpg);
    background-position: center top;
    background-repeat: repeat-x;*/
	background-image: url(../images/tierra.jpg);
	
}
body {
    background-color:url(../images/fondoFotos.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #4b4b4b;
    text-align: -moz-center;
    #text-align: center;
    margin-left:auto; 
    margin-right:auto;
    margin: 0px;
    _height: auto;
    *height: auto;
}

/*************************
     MINERALES 2.0
***************************/

.m_cabecera
{
	background-image:url(../images/cabecera.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width:984px;
    height: 150px;
    /*margin-top: -3px;
    .margin-top:-18px;
    _margin-top:-18px;
    _padding-top:-10px;*/
   
}

#m_marco 
{
	/**width:792px;*/
	/*margin:auto; /*Para centrar el Firefox y IE 7*/
	
    margin-top: 0px;
    _margin-top: 0px;
    margin-left:auto; /*Para centrar el Firefox y IE 7*/
    margin-right:auto; /*Para centrar el Firefox y IE 7*/
}


a {
    text-decoration:none;
    font: bold 1em;
    color: #990000;
}


a:link 
{
	text-decoration:none;
        color:#8B4513;
        
}
a:hover {
    text-decoration: underline; 
    color: #31496B;
}
a:visited {
    text-decoration:none;
    color:#BC8F8F; 
}
a:active {
    text-decoration:none;
    color:#31496B;
 }

/*************************
    FIN MINERALES 2.0
**************************/

#principal {
    /*width:100%;*/
    /*margin:auto; /*Para centrar el Firefox y IE 7*/
    margin-top: 13px;
    _margin-top: 10px;
    /**margin-left: 16px;
    _margin-left: 21px;*/
    width:984px;
    height:100%;
    /*.background-image:url(../images/fondoCenter.jpg);
    .background-repeat: repeat-y;
    /*border: solid 1px #990000;
    background-color: #f1dbdb;
    .border: none;*/
    /*background-color: #f1dbdb;*/
}

#enlaces {
    width:984px; /*100%;*/ 
    height:25px; /*Entre el heigth y el padding top, suman 30*/
    padding-top: 5px;
    /*margin-left: 8px;*/
    /*padding: 3px; */
    margin-top: 0px;
    /**margin-left: 0px;
    .margin-left: -16px;*/
    text-align:left;
    background-color:#84958B;
    background-repeat: no-repeat;
    color:#FFFFFF;
    border-top: solid 1px #3C2722;
    
}

#enlaces a.enlace {
    margin-top:16px;
    text-decoration:none;
    padding: 0px 16px 0px 16px; 
    border-right:solid 1px #FFFFFF;
    font-size:1.2em;
    color:#FFFFFF;
}
#enlaces a.enlace:hover {
    
    margin-top:16px;text-decoration:underline; 
    padding: 0px 16px 0px 16px;  
    border-right:solid 1px #FFFFFF;
    font-size:1.2em;
    color:#FFFFFF;
}
#enlaces a.enlace:visited {
    margin-top:16px;
    padding: 0px 16px 0px 16px;  
    border-right:solid 1px #FFFFFF;
    font-size:1.2em;
    color:#FFFFFF;
}
#enlaces a.enlacefin {
    text-decoration:none;
    margin-top:16px;
    padding: 0px 16px 0px 16px; 
    font-size:1.2em;
    color:#FFFFFF;
}
#enlaces a.enlacefin:hover {
    text-decoration:underline; 
    margin-top:16px;
    padding: 0px 16px 0px 16px; 
    font-size:1.2em;
    color:#FFFFFF;
}
#enlaces a.enlacefin:visited {
    margin-top:16px;
    padding: 0px 16px 0px 16px; 
    font-size:1.2em;
    color:#FFFFFF;
}

#cabecera 
{
    /*width:984px;
    /*border:solid 1px #83CAEA;*/
}

#cuerpo 
{
    margin-top: 0px;
    width: 982px;
    _height: auto;
    *height:auto;
    /*.height: 100%;*/
    border: solid 1px #9EB5A8;
    border-top: solid 1px #9EB5A8;
    border-bottom: solid 2px #9EB5A8;
    background-color: white;/*#fffcf6;*/
    overflow: hidden;
}

#menu {
    font: normal normal 11px Georgia; 
    width:200px; 
    height:auto;
    float:left;
    text-align:left;
    padding:3px 0px 9px 0px; 
    /**margin-left:1px;*/
    _margin-left:0px;
    /*padding-bottom:auto;*/
    /*vertical-align:top;*/
    background-color: white;/*#fffcf6;*/
    color: #4d4c4c;
}


html>body ul.nodo 
{
    padding-left:0px;
}

#menu ul.nodo 
{
	border: solid 1px #cac8c2;
    border-bottom: solid 3px #cac8c2;
    border-top: solid 3px #cac8c2;
    margin:  5px 3px 5px 3px;
    /*width: 100%;*/
    font-size: 1.2em;
    background-repeat:no-repeat;
    background-image: url(../images/menufondo.jpg);
    background-position:bottom right;
    /*370px;/*370px Garantiza el mínimo para que no se suba el cuerpo para el menú actual*/
}

#menu ul.nodo li {
    text-decoration:none;
    /*list-style-type:none;*/
    list-style-image:url(../images/menumarca2.gif);
    margin-left: 18px;
    padding: 5px 0px 5px 0px ; 
    text-align:left;
    /*background-image:url(../images/separadorMenu.jpg);
    background-position:bottom;
    background-repeat:no-repeat;*/
    /*background-color:#E6F7FF;
    border-top: 1px solid #787979;*/
}
ul .subnivel{
    margin:3px 0px 3px 0px; 
    display:none;
    background-image: none;
}
ul .subnivel li{
}

a.nodoA {
    text-decoration:none;
    color: #4d4c4c;/*#014A6B;*/
    margin: 1px 3px 1px 0px;
    font-size:0.8em;
}
a.nodoA:hover {
    text-decoration:underline; 
    color: #9EB5A8;/*#014A6B;*/
    margin: 1px 3px 1px 0px;
}
a.nodoA:visited {
    text-decoration:none; 
    color: #4d4c4c;/*#014A6B;*/
}

a.nodoA:active 
{
	text-decoration:none;
	color: #990000;
}

a.activo {
    text-decoration:none;
    font-weight:bold;
    color: #556B2F;
    margin: 1px 3px 1px 0px;
    font-size: 0.8em;
 }
span.nodoS {
    text-decoration:none; 
    color: #4d4c4c;/*#014A6B;*/
    margin: 1px 3px 1px 0px;
    font-size: 0.8em;
}
span.nodoS:hover {
    color: #ff9c00;/*#014A6B;*/
    margin: 1px 3px 1px 0px;
}
span.activo {
    text-decoration:none;
    color: #990000;
    margin: 1px 3px 1px 0px;
    font-size: 0.8em;
}

#zona {
    width: 762px;/*588px;/*608px; /*580*/
    background-color: white; /*#fffcf6;*/
    .background-color: Transparent;
    /*margin-right: 17px;
    _margin-right: 8px;*/
    padding: 5px;
    
    /*height: 100%;*/
    float:right;
    text-align:left;    
}

#pie {
    background-color: #84958B;
    /*background:url(http://www.e-liti.net/)*/
    height:22px;
    width: 984px; 
    font: 0.8em;
    margin:0px;
    padding-top: 8px;
    /**margin-left: 8px;
    _margin-left: 12px;
    padding-top: 30px; 
    padding-bottom: 3px; */
    /*background:#585858; */
    color:White;
    /*clear: both; /* left; /*Es necesario solo left, al menos para firefox, que no se suba con el right*/
}

div .TitularPaneles 
{
    /*Para el primero del inicio de ISCI (la foto)*/
    background-color: #ffffff;
    padding: 10px;  
    color: #31496B;
    
}

div .Titular 
{
    /*border: solid 1px green; /*#990000;*/
    
    background-color: #ffffff;
    padding: 10px;
   /* color: #990000;  */
}
div .TTitulo 
{
	font-size:1.8em;
     
    
	/*font-weight:bold;*/
    color:#556B2F;
    /*border-bottom: 2px solid #774900;*/
    text-align: left;	
    margin: 0px;
    
    padding: 0px 0px 10px 0px;
    /*color: #774900;*/
}
div .TTextoDocumento 
{
    color:#4b4b4b; 
    font: bold 1.2em; 
    border-bottom: solid 1px #31496B;
} 
div .TTexto {
    font-size: 1.2em;
    text-align:left
    color:#4b4b4b;
    margin-top:0px;
    padding-left:10px;
    padding-right:10px;
}
div .TFCreacion { /* Fecha de creación */
    /*margin:3px; */
    width:100%; 
    text-align:right; 
    font: 0.6em;
    color:#4b4b4b;

}
.TIcono {        /* ????????????? */
    border:0px; 
    padding:3px 3px 3px 9px;
}

.TFechaCreacion 
{
    font: 0.5em;
    text-align:left
    color:#556B2F; 
    padding-bottom:2px; 
    padding-top:2px;
}

#imgFechaCreacion 
{
    margin: 2px;
}

/* PARA EL PREVISOR */

.PreVisor /*Cajas previsoras de texto alternativo resumen de un vínculo*/
{
    /*background-image: url(../images/semiBlanco.gif);*/
    /*width: 495px;
    height: 100%;
    padding: 9px;*/
    position:absolute; 
    text-align:justify;
    }
.PreVisor H2
{
    color: #669ACC;
    border-bottom:#669ACC 1px solid; 
    text-align: left; 
    font-size:1em;
    }

.iTop /*Parte de arriba del previsor*/
{
    width:350px;
    height:44px;
    background:url(../images/bocArribaPeq.png) no-repeat left bottom!important;
    background:url(../images/bocArribaPeq.gif) no-repeat left bottom;
    }
/*html>body .iTop
{
    background:url(../images/bocArriba.png) no-repeat left bottom;
    
.iTop
{
    /*filter:none !important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bocArriba.png');
    }*/

.iCentro
{
    width:350px;
    background-image: url(../images/bocCentroPeq.png)!important;/*IE 6 e inferiores no entiende la orden !important, que sirve para dar prioridad sobre el orden de propiedades CSS sobre el mismo ID o class*/
    background-image: url(../images/bocCentroPeq.gif);
    }

/*html>body .iCentro
{
    background:url(../images/bocCentro.png) repeat-y left top;
    }
.iCentro
{
    
    /*filter:none !important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bocCentro.png',sizingMethod='scale');
}*/

.iBottom
{
    width:350px;
    height:12px;
    background:url(../images/bocAbajoPeq.png) no-repeat left top!important;
    background:url(../images/bocAbajoPeq.gif) no-repeat left top;
    }

/*html>body .iBottom
{
    background:url(../images/bocAbajo.png) no-repeat left top;
    }
.iBottom
{
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bocAbajo.png');
    }*/
.iTop,.iCentro,.iBottom
{
    /*display:block;*/
    }

.iContenido
{
    /*padding-left:5px;
    padding-right:20px;*/
    /*margin: 9px;*/
    padding: 9px;
    font:0.8em;
    }

#SICCuerpo /* Cuerpo del previsor (incluye los bordes. Hace lo mismo que iCentro*/
{
   /* border:1px solid #ccc; Este código no sirve pues pone un borde que no debe
    padding:4px; Este dódigo no sirve porque coloca el dibujo del margen izquierdo a la derecha del todo */ 
}

.iTexto 
{
    margin:18px;  
    margin-right:30px; 
}



/* Listado de elementos en cajas: ListaEjemFil.xslt */

.m_listaContenedor 
{
	margin-right: -5px;
	/*margin-bottom: -7px;*/
	_margin-right: 0px;
	/*_margin-bottom: -12px;*/
	margin-bottom:2px;
}

.listaContenedor 
{	clear:both;
    /*margin:3px;*/
    background-color:#fefbfb;
    /*background:url(../images/m_centroDer.jpg) repeat-y right;*/
    /*_padding-top:-10px;
    _padding-bottom: -10px;*/
}
.listaBorde 
{
    border:1px solid #A6AAB5; /* #98a34c;*/
    background-color:#fffffb;
    margin-right: 6px;
    /*background-image:url(../images/fondoBloques.jpg);*/
    /*background-position:bottom right;*/
    /*background-repeat:no-repeat;*/
    padding:10px;
}
.listaVinculo
{
    width:100%;
    font-weight: bold;
    color:#31496B;
}
.listaArchivo 
{
    padding:3px 0px 1px 0px;
    vertical-align:middle;
}
.listaRelacionados
{
    font:0.8em;
}
.vinculoEjemplar 
{
    width:100%;
    font: 1em;
}    
.tipoMayor5 
{
    padding:3px 0px 1px 0px;
    vertical-align:middle;
}
.docRelacionados 
{
      font:0.8em;
}
.fechaElemento 
{
    font: 1em;
    color:#2F4867;
    padding-bottom:3px;
    padding-top:3px;
}

.fechaElementoCreacion 
{
    width:100%; 
    text-align:right; 
    font: 0.8em;
    color:#4b4b4b;
}

.imgFecha
{
    margin:2px; 
}
.imgListaExtensiones 
{
    border:0px; 
    margin:2px;
}
.nombreArchivo 
{
    font: 0.7em;
    vertical-align:middle;
}



/* Fin listado de elementos en cajas */


/*Árboles de directorio*/

#arbolCarpetas /*Todo el bloque de contenido para hacer un árbol de directorio*/
{
}

.m_carpeta
{
	margin-right: 10px;

}

.m_tituloCarpeta 
{
	/*vertical-align: top;*/
}

ul.arbol 
{
    text-decoration:none;
    list-style-type:none; 
    margin: 10px 20px 10px 20px;
    padding:0px;
    }
ul.arbol li
{
	margin-top:5px;
	margin-left:10px; 
    text-decoration:none;
    list-style-type:none;
    }
.imgTipoFichero /* Arbol.xslt */
{
    margin-right:5px;
}


.imgIconoFichero /*Archivo FormacionEnlace.xslt*/
{
    border:0px; margin:2px;
}



/*
.esi,.esd,.eii,.eid,.esiPrimero,.esdPrimero /*ESQUINAS DE LOS PANELES
{
    display: block;
    width:10px;
    height:10px;
    font-size:1px;
    position:relative;
    }

.esiPrimero
{
    float:left;
    left:0px;
    }
.esdPrimero
{
    float:right;
    left:0px;
    }
.esi 
{
    float:left;
    left:-10px;
    }
.esd
{
    float:right;
    left:10px;
    }
.eii
{
    float:left;
    left:0px; 
    top:-10px;
    }
.eid
{
    float:right;
    left:0px; 
    top:-10px;
    }



html body .esiPrimero
{
    .background:url(../images/esi.gif) no-repeat left top;
    }
html body .esdPrimero
{
    .background:url(../images/esd.gif) no-repeat right top;
    }
html body .esi
{
    .background:url(../images/esi.gif) no-repeat left top;
    }
html body .esd
{
    .background:url(../images/esd.gif) no-repeat right top;
    }
html body .eii
{
    .background:url(../images/eii.gif) no-repeat left bottom;
    }
html body .eid
{
    .background:url(../images/eid.gif) no-repeat right bottom;
    }
    
    */


.FichaTipo2 /*Arbol.asp */
{
    overflow:auto;
    height:100%; 
    width:100%; 
}

/* Paneles de inicio*/

.m_paneles 
{
	/*margin-left:-4px;*/
	margin-top: 2px;
	_margin-top: 2px;
	/*margin-right: -6px;*/
}
#columnaPanel 
{
    float:left;
}
.ColDivision
{
	border-right: solid 1px #cac8c2;
}

.panel
{
	clear: both;
	margin-left: 4px;
	_margin-top: 0px;
    /*background-color: #fefbfb;*/
    /*.background:url(../images/m_centroDer.jpg) repeat-y right;*/

}

.m_panelCabecera 
{
	float:right;
	display:none; /*block;*/ /*No hay encabezado del panel*/
    width:10px;
    height:10px;
    /*font-size:1px;*/
    position:relative;
    /*.background:url(../images/m_esquinaSD.jpg) no-repeat right top;*/

}
/***************************************/
/*Estilo para los paneles de tipo lista*/
/***************************************/
div .PaGeneral 
{
	/*Es el borde de la panel*/
    /*border:1px solid pink; /*#774900;*/
    padding: 10px;
    /*background-color: blue; /*#fffffe;*/
    .margin-right: 6px;
    /*top: -10px;*/
    }
div .PaTitulo 
{
    font-size:1.4em;
    *font-size:auto;
    font-variant:small-caps;
    font-weight:bold;
    /*border-bottom: solid 1px #774900;*/
    color:White;
    background-color: #728379; /*#c57a02;*/
    /*margin:3px;*/
    padding:0px 0px 0px 3px;
    min-height:1.5px;
    /*height:auto !important;*/
    }
div .PaCuerpo 
{
    font:1em;
    /*margin: 5px 0px 5px 0px;/*4px 2px 4px 2px;*/
    }
div .PaItemLista 
{
    padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #cac8c2;
    }
    
a.PaEnlaceLista {
    text-decoration:none;
    color: #556B2F;
    margin: 1px 0px 3px 0px;
    font-size:1.3em;
}
a.PaEnlaceLista:hover {
    text-decoration:underline; 
}
a.PaEnlaceLista:visited {
    text-decoration:none; 
}

a.PaEnlaceLista:active 
{
	text-decoration:none;
}
.PaFotoLista
{
	width:100px;
	margin:5px;
	padding:3px;
	border: solid 1px #cac8c2;
}
.PaFotoListaPrin
{
	text-align:center;
	width:95%;
	margin:5px;
	padding:3px;
	border: solid 1px #cac8c2;
}
.PaFotoListaDcha
{
	width:65px;
	margin:5px;
	padding:3px;
	border: solid 1px #cac8c2;
}

div .PaTextoFotoLista
{
	margin-top:5px;
	margin-bottom:2px;
}
div .PaTextoLista
{
	margin-top:5px;
	margin-bottom:2px;
}
div .PaPie 
{
    font: 0.8em;
    color: #774900;
    margin:3px;
    bottom:0px;
    }
    
div .m_centroAbajo
{
	display: none; /*block;*//*No hay pie del panel*/
	/*.background:url(../images/m_inferior.jpg) repeat-x bottom;*/

	left:0px;
    height:10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:-1px;
	_margin-top:-5px;
}

div .m_eii 
{
	float:left;
	display: none; /*block;*/ /* No hay pie del panel*/
	position:relative;
	width:10px;
    height:10px;
    /*.background:url(../images/m_esquinaII.jpg) no-repeat bottom left;*/

	left:0px; 
    top:-10px;
    _top:-14px;
}

div .m_eid
{
	float:right;
	display: none; /*block;*/ /* No hay pie del panel*/
	position:relative;
    width:10px;
    height:10px;
	/*.background:url(../images/m_esquinaID.jpg) no-repeat bottom right;*/

	left:0px; 
    top:-10px;
    _top:-14px;
}

.sinBorde
{
    border:0px;
    }
    
    

/* SCROLL */

.rcScroller
{
    padding:0px;
    margin-top:0px;
}

.rclista 
{
    padding:0px;
    margin-top:0px;
}

.rclistaDivider
{
    padding:0px;
    margin-top:0px;
    line-height:4px;
    text-align:center;
}

    
    
/* Para contenidoTareas.xslt */

#TFila 
{
    padding:5px;
}
#divFicAso 
{
    display:block;
}

#divVerMas 
{
    display:none;
}

#divDocAso 
{
    display:none;
}

#TPrincipal 
{
    font-size:1.2em; 
    height:1.25em; 
    text-align:center; 
    overflow:hidden; 
    word-wrap:break-word; 
    text-overflow:ellipsis;
}
/* Fin contenidTareas.xslt */  

#visor 
{
	/*width: 100%;*/
}

#visorPanel 
{
	width: 315px;
	height: 283px;
}

#masFotos 
{
	/*text-align: right;*/
	margin-left: 125px;
}
.imgLogo
{
	margin:5px;
	border:0px;
}

.linkLogo
{
}
/* Petición de clave */
#ClaFormulario form table{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#ClaTabla {
	width:300px;
	border:solid 1px red;
	padding:2px;
}
#ClaFormulario div
{
	margin:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:100%;
}
.ClaTexto
{
	width:400px;
	margin:5px;
	text-align:justify;
}
.ClaOlvido 
{
	text-align:center;
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.ClaCentrado{
text-align:center;
}
.ClaCuadros{
	width:200px;
}
.ClaEtiqueta {
width:80px;
}

/* Petición de clave dentro del portal*/
#ClaAJAXFormulario
{
	border: solid 1px #cac8c2;
    border-bottom: solid 3px #cac8c2;
    border-top: solid 3px #cac8c2;
    margin:  5px 3px 5px 3px;
    background-repeat:no-repeat;
    background-image: url(../images/logfondo.jpg);
    background-position:bottom right;
}
#ClaAJAXFormulario form table{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#ClaAJAXTabla {
	width:100%;
	padding:2px;
	
}
#ClaAJAXFormulario div
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	width:100%;
	color: #4d4c4c;
}
.ClaAJAXTexto
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:100%;
	margin:3px;
	text-align:justify;
}
.ClaAJAXOlvido 
{
	text-align:center;
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.ClaAJAXCentrado{
text-align:center;
}
.ClaAJAXCuadros{
	width:100px;
}
.ClaAJAXEtiqueta {
width:40%;
}
.EnlaceWeb 
{
	text-align:right;
}