/*
CSS Para PicLab (Galleries)
áéúíó
*/

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-color:#262626;
	color:#a1a1a1;
	font-family: Consolas,monospace;
	font-size:12px;
}


a {
	color:#c0c0c0;
	outline:none;
	text-decoration: none;
}


a:hover {
	color:#ffffff;
}

a img {
	outline: none;
	border: 0;
}


.trans, div.menu a, div.piclablist ul li a {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.notrans {
	transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-webkit-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
}

/* ------------ Genéricos para menús -------------- */
div.menu ul {
	padding:0;
	margin:0;
	list-style: none;
}
	div.menu ul li {
		padding:0;
		margin:0;
	}
		div.menu ul li a {
			display:block;
		}





/* Elementos concretos */
div#debug {
	display:none;
	position:fixed;
	top:16px;
	left:16px;
	white-space: pre;
	font-family: Consolas, monospace;
	font-size:11px;
	background-color:rgba(0,0,0,0.7);
	color:#20ff40;
	border-radius: 8px;
	padding:10px;
	z-index:10000;
}


div#container {
	position:relative;
	min-height:100%;
}

div#content {
	position:relative;
	padding:0 0 32px 0;
}


div#header {
	margin:0 0 16px 0;
}


/* http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */
div#footer {
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	height:32px;
	background-color: #151515;
	opacity:0.4;
	cursor:default;
}
	div#footer div.info {
		text-align:right;
	}
	div#footer div.info h2 {
		display:inline;
		margin:0;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight:400;
		font-size:20px;
	}
	div#footer div.info blockquote {
		display:inline;
		margin:0;
		text-align: left;
		font-size:12px;
		letter-spacing: 0px;
	}






/* Los títulos de la pantalla principal */
div.galleriestitles {
	text-align:center;
}
	div.galleriestitles h1 {
		margin:0px 0 0 8px;
		padding:0;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight:400;
		font-size:40px;
		color:#606060;
	}
	div.galleriestitles h1 strong {
		font-weight:700;
	}

	div.galleriestitles blockquote {
		margin:0 0 0 32px;
		font-family: 'Segoe UI', 'Helvetica', sans-serif;
	}





/* La lista de álbumes */

div.gallerieslist {
	overflow:auto;
	width:100%;
	text-align: center;
}

	div.gallerieslist ul {
		overflow:hidden;
		padding: 32px;
		display:inline-block;
		margin:0 auto;
	}

		div.gallerieslist ul li {
			position:relative;
			float:left;
			margin: 4px;
		}

			div.gallerieslist ul li a {
				display:block;
				position:relative;
				overflow:hidden;
				background-color:rgba(150,150,150,0.5);
				width:250px;
				height:250px;
			}
			div.gallerieslist ul li a:hover {
				transform: scale(1.1,1.1);
				-ms-transform: scale(1.1,1.1); /* IE 9 */
				-webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
				-o-transform: scale(1.1,1.1); /* Opera */
				-moz-transform: scale(1.1,1.1); /* Firefox */

				/* http://www.css3.info/preview/box-shadow/ */
				-ms-box-shadow: 0 0 7px 7px rgba(0,0,0,0.5);
				-o-box-shadow: 0 0 7px 7px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 0 7px 7px rgba(0,0,0,0.5);
				-webkit-box-shadow: 0 0 7px 7px rgba(0,0,0,0.5);
				box-shadow: 0 0 7px 7px rgba(0,0,0,0.5);
			}

				div.gallerieslist ul li a h3{
					font-family: 'Yanone Kaffeesatz', sans-serif;
					font-weight:400;
					font-size:30px;
					line-height: 25px;
					position:relative;
					margin:0;
				}
				div.gallerieslist ul li a h4{
					font-family: 'Yanone Kaffeesatz', sans-serif;
					font-weight:700;
					font-size:15px;
					color:#383838;
					position:relative;
					margin:0;
				}
				div.gallerieslist ul li a blockquote{
					font-family: 'Segoe UI', Helvetica, sans-serif;
					font-size:12px;
					position:relative;
					margin:0;
				}
				div.gallerieslist ul li a img{
					position:absolute;
					display:block;
					max-width:250px;
					max-height:250px;
					bottom:0;
				}