
/* ------------------------------------------------------------------------------------------ */
/* Componente principales ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

body {
	font-family:Verdana;
	font-size:11px;
	border:0px;
	margin:0;
	padding:0;
	line-height:1.5em;
        background:white;
}

#main {
	width:910px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	float: left;
	width:910px;
	text-align:left;
	/*border-bottom:1px solid #cccccc;*/
}
	#header .logo     { float:left; width:150px; }
	#header .opciones { float:right; text-align:right; margin-top:0px; }

#barra-miembro { 
	float: left;
	width:910px;
	text-align:left;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0px;
}
	#barra-miembro p { padding:0; margin:0; }
	#barra-miembro form { float:left; padding:4px; }
	form input { font-size:11px; background-color: #ffffff; }
	form strong { margin-left:5px; margin-right:15px; }


#footer {
	float:left;
	text-align:center;
	width:910px;
	margin-top:30px;
	margin-bottom:10px;
	border-top:1px solid #cccccc;
}
	
/* MEDIDAS */
/*
main: 900
	left: 140
	cuerpo: 750
		900 - 140 - 5 = 755 (supuesto)
			centro-l: 750
			-----------------
			supuesto = centro-c: 620 +	right: 130 + mrgn: 5 = 755 ??
			real     = centro-c: 600 +	right: 130 + mrgn: 5 = 735 ??
*/
#left-rail {
	width:140px;
	float:left;
	margin-top:10px;
	padding-right:10px;  /*sep. entre el left-rail y la linea punteada */
	border-right:1px dotted silver;
	margin-right:5px;	/*sep. entre la linea punteada y el cuerpo*/
}
#cuerpo {
	width:750px;
	float:right;
	margin-top:10px;
}
	.centro-largo { width:750px; float:left; }  /* Cuerpos sin right-rail */
	.centro-corto { width:600px; float:left; 
					padding-right:7px;  /*sep. entre el cuerpo y la linea punteada de la derecha */
					border-right:1px dotted silver;
					}  /* Cuerpos con los 130px de right-rail */
	.right-rail   { width:135px; float:right; 
					/*margin-left:5px;*/ /*sep. entre la linea punteada y el cuerpo*/
					/*border-left:1px dotted silver;*/
				   /* padding-left:10px; */ /*sep. entre el left-rail y la linea punteada */
				}


/* ------------------------------------------------------------------------------------------ */
/* Selectores y objetos simples ------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */


a {	color: #ff6600; text-decoration: none; }
a:hover { text-decoration: underline; color: #ff6600; }

ul {
	margin: 0;
	padding:0;
}
li {
	margin:0px;
	list-style-type:none;
	padding:1px;
	list-style : none;
}

/* 
	H1 : no usada
	H2 : Cabeceras de secciones (left-rail)
	H3 : Cabeceras de cuerpo
	h3 : Otros textos (tipo campos de formulario)
*/
h1,h2,h3 { 
	font-size:11px; 
	font-weight:bold; 
	/*		 top rgt btm lft*/
	margin:	 3px 0px 5px 0px;
	/*		 top rgt btm lft*/
	padding: 1px 1px 1px 2px;
	border: 1px solid silver;
	background-color:#dddddd;
	}
h1 { font-variant:small-caps; } 
h2 { font-variant:small-caps; }
h3 i{ 						  }
h4 { width:140px; float:left; margin:0px; padding:0px; font-size:11px; }
 
.ico { float:left; margin-right:3px;} /* Icono que acompaña a la cabecera */

input { font-size:11px; background-color: #ffffff;}
select { font-size:11px; }

/* Botones */
.btn {
	background-color: #DDDDDD;
	color: #646464;
	font-weight: normal;
}

/* Barra de camino recorrido */
.breadcrum {
	/*		 top rgt btm lft*/
	margin:	 0px 0px 10px 0px;
	padding:0;
}
.breadcrum .lib_left {float:left; text-align:left; }
.breadcrum .lib_right { text-align:right; }

/* ------------------------------------------------------------------------------------------ */
/* Otros componentes ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* Submenú Cta Usuario */
.submenu {
	float: left;
	border-bottom:1px solid silver;
	margin-bottom:18px;
	}
	.submenu li { 
		margin-left:15px; 
		margin-right:15px; 
		text-align:center; 
		float:left 
		}	
	
/* Listados de resultados */
.listado { float:left; margin:0; padding:0;}
	.listado ul { float:left; margin:0px; padding:0px; border-bottom:1px solid silver;  /*border: 1px solid blue;*/}
	.listado li { float:left; margin:0px; margin-top:5px; padding-left:2px; padding-right:2px; /*border: 1px solid blue;*/ }	

	
/* Contenedor: contenedor general de DOS COLUMNAS: formularios, etc... */
.contenedor { float:left;
			  width: 100%;
			  padding:0px; 
			}
	.contenedor .c-left  { float:left; }
	.contenedor .c-right { float:left; }
		/* p : h4 + input */
		.contenedor p { float:left; margin-bottom:5px;}
			.contenedor h4 { width:160px; float:left; }
			.contenedor input { font-size:11px; background-color: #ffffff;}	
		.contenedor row { margin:0px; padding:0px; }


/* FOTO-GALERIAS */

/* Contenedor de la info general de la galería */
.g-info { float:left; width:200px; margin-right:20px; padding:0px; }
	.g-info p { margin:5px; }
	.g-info row { margin:0px; margin-bottom:5px; padding:0px; }

/* Listados de Fotos */
.g-list { float:left; margin:0; padding:0;
	}
	.g-list .c-left  { float:left; width:150px; margin-right:20px; }
	.g-list .c-right { float:left; vertical-align:middle; }
		.g-list ul { float:left; margin:0px; padding:0px; }
		.g-list li { float:left; margin-bottom:5px; padding-left:2px; padding-right:2px; /* border-bottom:1px solid silver; */ }	
		.g-list p { margin-bottom:5px;}
		
/* Listado de Thumbnails */
.tn-list { float:left; margin:0; padding:0;
	}
		.tn-list ul { float:left; margin:0px; padding:0px; }
		.tn-list li { float:left; 
					 width: 145px;
					 height: 160px;
					 text-align:center;
					 vertical-align:middle;
					 margin-bottom:5px; 
					 padding-left:2px; 
					 padding-right:2px; 
					 }	
		.tn-list p { margin-bottom:5px;}
		
/* Fondo de una foto ampliada (500px) */
.foto { 
	width:100%;
	text-align:center;
	background-color:#eeeeee;
	margin-top: 20px;
	padding-top:20px;
	padding-bottom:30px;
}
/* marco de las fotos */
.marco {
	border: 1px solid #666666;
}
			
.g-autor-iniciales { 
	float:left; 
	width:100%;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	margin:0; 
	padding:0;
	}


/* HOME */

/*
.home_body {
	width:590px;
	float:left;
	margin:0px;
}
*/
	.col-left   { width:225px; float:left; }
	.col-centro { width:225px; float:left; }
	.col-right  { width:150px; float:left; }


.home-box {
	margin:0px;
	margin-right:10px;
	padding:0px;
}
	/* .home-box p { margin:3px; border-bottom:1px dotted silver; } */
	
.home-agenda {
	/*height: 135px;*/
	width:205px;
	vertical-align:top;
	background-color:#eeeeee;
		/*	 top rgt btm lft*/
	padding: 5px;
		/*	 top rgt btm lft*/
	margin: 5px 0px 5px 0px;
}
	.home-agenda p { float:left; padding:0px; margin:0px; padding-right:1px; }

.home-galeria {
	width:140px;
	background-color:#eeeeee;
		/*	 top rgt btm lft*/
	padding: 1px 1px 3px 4px;
		/*	 top rgt btm lft*/
	margin: 5px 0px 0px 0px;
}

.home-miembros {
	background-color:#ffffff;
		/*	 top rgt btm lft*/
	padding: 1px 1px 3px 4px;
	margin-top: 5px;
}



/* Libros */

/* Listados de resultados */
.lib_list { float:left; margin:0; padding:0;}
	.lib_list ul { float:left; margin:0px; padding:0px;  /*border: 1px solid blue;*/}
	.lib_list li { float:left; margin:0px; padding-left:5px; padding-right:2px; /*border: 1px solid blue;*/ }	

.lib-col-left   { width:25%; float:left; }
.lib-col-centro { width:25%; float:left; }
.lib-col-right  { width:25%; float:left; }
.lib-col-ult  { width:24%; float:left; }


.lib_ultimos {
	background-color:#eeeeee;
		/*	 top rgt btm lft*/
	padding: 5px 1px 3px 4px;
	margin-top: 5px;
}



/* Valoraciones de material */
.mat-valores { float:left; width:150px; margin:0; padding:0;}
.mat-valores .p1 { float:left; width:100px; margin:0px; }	
.mat-valores .p2 { float:right; width:40px; margin:0px; }
	/*.mat-valores ul { float:left; margin:0px; width:145px; padding:0px; }*/
	/* .mat-valores li { float:left; margin:0px; width:100px; border: 1px solid red; }*/


/* REVIEW */

.paginator li
{
	display: inline;
}

hr.delimitador
{
display:block;
clear:left;
margin: -0.0006em;
visibility:hidden;
}
br.delimitador2
{
clear:both;
}	

.br_clear
{
	clear: both;
}	
