html { 
	height: 100%; 
} 

body{
  margin: 0;
  padding:0; 
  /*height:100%;*/
  text-align: center;  
  background:#fffff;
  color: #333333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	 

#todo {
  margin: auto;
  width: 800px;
  min-height: 100%;
  /*border: 1px solid blue;*/
}

#pagina {
  /*  En esta capa elegimos el ancho y los márgenes que tendrá el diseño.
      margin: auto; --> Centra la página pero sólo sirve en mozilla */
  text-align: left;
  position: relative;
  clear:both;
  /*border: 1px solid green;*/
}


* html #pagina{
	height: 100%;
}


#cabecera {
 /* Capa para la parte superior de la página */
   margin:0px;
	margin-top:5px;
  /*border: 1px solid yellow;   */
}

#izquierda {
  /* Capa que contiene la columna izquierda para un posible menú */
  z-index:20;
  float: left;
  clear:left;
  width:202px;
  margin-top:50px;
  background-color: #fffff;
  color: #333333;
  position:absolute;
  left:0px;
  /*border: 1px solid red;*/
}

#principal {
/*  Engloba a las 3 columnas, es decir, todo salvo cabecera y pie */
  clear:both;
  z-index:1;
  width: 800px;
  background-color:#fffff;
  color: #333333;
  /*border: 1px solid pink;*/
}


#centro{
	padding-top:40px;
	background-color:#fffff;
	margin-left:214px; /*segun el ancho de izquierda*/
   z-index:4;
	position:relative;
   /*border: 1px solid black;*/
}


#pie {
  /* Capa para el pie de página (copyright) */
  /*clear: both;*/
  padding-top:20px;
  padding-bottom:20px;
  position: relative;
  margin:0px;
  width: 800px;
  text-align: right;
  /*border: 1px solid gray; */
}

span.letraPie {
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6B8E23;
	margin-right: 35px;
}



#piePrincipal{
  /* Capa para el pie de página (copyright) */
  clear: both;
  position:relative;
  padding-top:5px;
  padding-bottom:5px;
  color: #6B8E23;
  font-size:10px;
}

.contenedorCab{
	margin-top:5px;
   height: 40px;
}

.logotipoQuark{
   height: 40px;
   float: left;
   width: 212px;
   /*background-image:url(/imagenes/publicas/fondologo.gif);*/
}

.logotipoQuark img{
	border: none;
   margin-left: 4px;
   padding-top: 4px;
}

#paginaPrincipal{
	text-align:center;
}
#paginaPrincipal p{
	margin:0px;
	padding:0px;
}


.menuSupSelec{
	height:40px;
   line-height: 35px;
	background-color: #ACD811;
   border-right: 1px solid #88BD0B;
	float:right;
	font-size:13px;
	font-family: "Arial";
 	font-weight:bold;
 	text-align:center;	
 	text-decoration:none;
	color:#556B2F;
}

.menuSupSelec a{
	font-size:13px;
	font-family: "Arial";
	color:#556B2F;
	font-weight:bold;
	text-decoration:none;

}

.menuSupNoSelec{
	background-color: #8AC10C;
   height: 40px;
   line-height: 35px;
	border-right: 1px solid #7CAE0B;
	float:right;
	font-size:13px;
	font-family: "Arial";
	color:#556B2F;
	font-weight:bold;
	text-align:center;	
	text-decoration:none;
}

.menuSupNoSelec a{
	font-size:13px;
	font-family: "Arial";
	color:#556B2F;
	font-weight:bold;
	text-decoration:none;
}

.menuSupNoSelec a{
	font-size:13px;
	font-family: "Arial";
	color:#556B2F;
	font-weight:bold;
	text-decoration:none;
}

.menuSupNoSelec a:hover{
   color: #E2F3A9;
}


.descripcionMenu{
	color:#FFFFFF;
	font-weight:normal;
	font-family: "Arial";
	font-size:11px;
	padding-top:10px;
	text-decoration:none;
	width:70px;
}

.descripcionMenu a{
	color:#FFFFFF;
	font-weight:normal;
	font-family: "Arial";
	font-size:11px;
	text-decoration:none;
}

.descripcionMenu p{
	margin:0px;
	padding:0px;
}

.paginas{
		clear:both;
		display:block;
      padding-top: 20px;
}

.tituloPagina, .tituloPaginaMapa {
	padding-left:0px;
	color:#333333;
	font-size:15px;
	font-family: "Arial";
	display:inline;
}

.tituloPagina p, .tituloPaginaMapa p{
	display:inline;
}

.tituloPagina a, .tituloPaginaMapa a{
	color:#222222;
	font-size:15px;
	font-family: "Arial";
	text-decoration:none;
}

.tituloPagina a:visited, .tituloPaginaMapa a:visited{
	color:#717171;
}

.tituloPagina a:hover, .tituloPaginaMapa a:hover{
	color:#8AC10C;
}

.fechaPagina{
	color:#9CCA07;
	font-size:11px;
	font-family:"Arial";
	font-weight:bold;
	margin-top:-10px;
	float:right;
}

.resumenPagina{
	font-size:12px;
	font-family:"Arial";
	color:#868686;
}


ul.menuLateral{
	padding:0px;
	margin:0px;
   margin-top: 45px;
	list-style: none;
	font-size:12px;
	font-family: "Arial";
   color:#A2A2A2;
}

ul.menuLateral li{
	border-bottom:1px solid #F5F5F5;
	padding:5px;
}

ul.menuLateral a{
	text-decoration:none;
	color:#A2A2A2;
   /*font-size: 12px;*/
}

.negrita{
   font-weight: bold;
}

/******************************************/

a.enlacesPagina{
	color:#9CCA07;
}

/*estilos especificos para la pagina que se muestra completa*/
.paginaCompleta{
	padding-top:10px;
}

.textoPagina{
	padding-top:20px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
   color: #888888;
}

.textoPagina a{
	color: #86BD1A !important;/* For Firefox... mark as important, otherwise it becomes black */
   text-decoration: underline;
}

.textoPagina a:hover{
   text-decoration: none;
}

.textoPagina a img{
   border: none;
}

.textoPagina p, ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}


/**fin de estilos para mostrar la pagina**/

a.camino{
	text-decoration:none;
	color:#999999;
	font-size:10px;
	font-family: "Arial";
}

a.caminoOscuro{
	text-decoration:none;
	color:#6D6D6D;
	font-size:10px;
	font-family: "Arial";
}

#camino{
	float:left;
	text-align:left;
	margin-left:0px;
   margin-top: 2px;
	color:#999999;
	font-size:10px;
	font-family: "Arial";
	background-color:#fffff;
   position: relative;
   z-index: 1;

}

#volver {
	float:right;
	text-align:left;
	margin-right:2px;
   margin-top: 2px;
	color:#999999;
	font-size:10px;
	font-family: "Arial";
	background-color:#fffff;
   position: relative;
   z-index: 5;
}

#volver img{
   border: none;
   padding-right: 5px; 
}

#bloques{
	color:#666666;
}

#bloques a{
	text-decoration: none;
	color:#666666;
	font-weight:bold;
	font-family:"Arial";
	font-size:11px;
	font-weight:normal;
}

.idiomas {
	font-family:"Arial";
	color: #488C00;
	background-color:#ACD811;	
	width:100%;
	text-decoration:none;
	text-align:right;
   border-top: 5px solid #89C108;  
   border-bottom: 5px solid #ACD811;	
   height: 22px; 
}

.idiomasDer{
	font-family:"Arial";
	font-size: 10px;
	color: #488C00;
	background-color:#ACD811;
}

.idiomasIzq{
	font-family:"Arial";
	font-size: 10px;
	color: #FFFFFF;
	background-color:#9BCC0E;
	width:202px;
	height:26px;
   line-height: 26px;
   float:left;
	text-align:left;
	padding-left:10px;
}

.idiomasIzq a{
	color: #FFFFFF;
	text-decoration:none;
}

.idiomasIzq a:hover{
   color: #556B2F;
}

.idiomas a.enlaces{
	font-family:"Arial";
	font-size: 10px;
	color: #488C00;
	text-align:right;
	padding:5px;
	text-decoration:none;
}

.idiomas a.enlaces:hover{
	color:#FFFFFF;
}

.idiomasDer{
	background-color:#ACD811;
	text-align:right;
}

.nombreCategoria{
	font-family:"Arial";
	font-size: 18px;
	color: #525252;
	margin-bottom:10px;
}

.categoriaIzquierda p{
	margin:0px;
	padding:0px;
}


/********* PARA EL PIE DE FOTO******************/

.arc90_imgcaptionTXT {
	font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}

p.arc90_imgcaptionALT {
   /*display: none; no queremos que se muestre el alt*/
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: .65em;
	text-align: right
}

span.arc90_imgcaptionALT {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background: #888;
	color: #fff;
}

.arc90_imgcaption {
	text-align: center;
	border: 1px solid #DDD;
	padding: 0.5em;
   margin-top: 0px;
   margin-bottom: 0px;
	width: 8em;
   position: relative;
   z-index: 2;
}

.floatl { float: left; margin-right: 1em; }
.floatr { 
    float: right; 
    /* NOTA-A25: En la hoja de estilo original, se aplica el margin-left;
    Esto provoca una indentación de la primera linea de texto junto a la foto
    en IE en la parte publica. En FF si sale bien. 
    Se soluciona con un padding-left en vez de margin-left. 
    Sin embargo, en la trastienda da problemas, por lo que según si estamos en la parte
    pública o en la privada, debemos aplicar uno u otro estilo.
    */ 
    /*margin-left: 1em;*/ /*trastienda*/
    padding-left: 1em; /*parte publica*/
}


/*para las imagenes sin pie*/
.imagenIzq, .imagenIzqNoB { 
   float: left; 
   margin-right: 1em;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
 }

 
/* imagen alineada a la derecha */ 
/* mezcla de arc90_imgcaption + floatr */
.imagenDcha, .imagenDchaNoB { 
   float: right; 
   margin-left: 1em;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
 }

 
 .imagenIzq, .imagenDcha { 
	border: 1px solid #DDD;
   padding: 0.5em;

 }

.imagenIzqNoB, .imagenDchaNoB { 
	border: none;
 }
 
 /* --------------------------------- */
 
 /* Para intentar arreglar lo del pie de la pagina */
 
 .clear {
 	clear: both;
 }