/* ------------------------------------------------------------------------------------------ */
/* Componente principales ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

body {
	font-family:Verdana;
	font-size:11px;
	color: gray;
	border:0px;
	margin:0;
	padding:0;
	line-height:1.5em;
}

#header {
	width:835px;
	height:151px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}	/*
	#header .logo   { float:left;  width:300px; font-family:Verdana; font-size:27px; text-align:left;}
	#header .right { float:left;  width:500px; }
	*/


#main {
	width:835px;
	margin-left:auto;
	margin-right:auto;
	/*padding-left:15px;*/
	background-image:url(img/laterales.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}


#left-rail {
	width:140px;
	float:left;
	padding:10px 3px 0px 20px;
	border:0px solid blue;
}

#cuerpo {
	width:640px;
	float:right;
	border-left: 1px dotted #dddddd;
	padding-left:10px;
	margin-right:10px;
	/*border:1px solid red;*/
}
	.centro-largo { width:640px; float:left; }  /* Cuerpo sin right-rail */
	.centro-corto { width:500px; float:left; }  /* Cuerpos con los 130px de right-rail */
	.right-rail   { width:130px; float:right;
					border-left:0px dotted #dddddd;
					padding-left:5px;
				}

#footer {
	float:left;
	text-align:center;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	border-top:1px solid #dddddd;
}

/* ------------------------------------------------------------------------------------------ */
/* Selectores y objetos simples ------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

a {	color: #A80000; text-decoration:none; text-shadow: 3px 3px 5px red;  }
a:hover { color: #CE0000; text-decoration:underline; }
/*
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)
*/
h2,h3 { background-image:url(img/pliegue.jpg);
	 background-repeat:no-repeat;
	 background-position:top right;
	 padding: 1px 1px 1px 5px;
	 margin: 3px 0px 3px 0px;
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	color: white;
	margin:	 3px 0px 3px 0px;
	background-color:#a00e00;
}
h4 { width:150px; float:left; font-size:11px; font-weight:bold; text-align:left;  margin:0px; padding:0px;}
h5 { width:130px; float:left; font-size:11px; font-weight:normal; text-align:right;  margin:0px; padding:0px; margin-right:10px;}

form p { margin:5px; }
input  { font-size:11px; border:1px solid #aaaaaa; }
select { font-size:11px; margin:1px; }

/* Botones */
.btn {
	background-color: a00e00;
	color: #646464;
	font-weight: normal;
}

/* Barra de camino recorrido */
.breadcrum {
	/*		 top rgt btm lft*/
	margin:	 5px 0px 8px 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:10px;
		margin-right:12px;
		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:10px; 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: 145px;
					 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;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	margin:0;
	padding:0;
	}


/* HOME */

.box-row { width:100%; }
.box-row li {
	width:150px;
	height:100px;
	float: left;
	margin-right:7px;
}
.box-row a { font-size:10px; }


.home-galeria {
	width:149px;
	height:160px;
	text-align:center;
	background-color:#eeeeee;
		/*	 top rgt btm lft*/
	/*padding: 1px 0px 3px 4px;*/
	margin-top: 3px;
}