@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Architects+Daughter);
@import url(http://fonts.googleapis.com/css?family=Happy+Monkey);	


html, body {
	position:relative;
	height: 100%;
}

body {	
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: repeat;
	font-family: 'Architects Daughter', cursive;
	font-size: 15px;
	min-height: 100%;
	height: auto;
}
#pagina {
	position: absolute;
	width: 100%;	
	min-height: 100%;
}

.pagina-fondo {
	position:absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;	
	z-index: -99999;
}

.pagina-fondo.fondo-1 {
	background: url(../imagenes/fondo_hojas.png) no-repeat left 100px;
}

.pagina-fondo.fondo-2 {
	background: url(../imagenes/fondo_hojas2.png) no-repeat left 100px;
	background-position: right bottom;
	left: auto;
	right: 0;
}



#cabecera {
	position: relative;
	height: 100px;
	color: white;	
	background: url(../imagenes/fondo_cabecera.png) repeat;
	border-bottom: 1px solid #CCC;	
	z-index: 1;
	
	
}

#cabecera-contenido {
	position:absolute;
	width: 950px;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -475px;
}

#cabecera-contenido a {
	text-decoration: none;
}

#cabecera h1 {
	font-size: 3em;	
	position:absolute;
	bottom:5px;
	left: 125px;
	color: #89AB5E;	
	line-height: 0.7em;
}

#cabecera h1 strong {
	color: #9F763B;
	display: block;
	margin-left: -35px;
}


#cabecera h2 {
	position:absolute;
	background: url(../imagenes/buho.png) no-repeat center center;
	width: 65px;
	height: 99px;		
	text-indent: -9999px;
	white-space: nowrap;
	bottom: -10px;
	left: 10px;
}

#cabecera h2 strong {
	
}

#cabecera .menu {
	position:absolute;
	right: 10px;
	bottom: 3px;		
}

#cabecera .menu a {
	text-decoration:none;
	font-weight:bold;
	padding: 5px;
	color:#9F763A;
	font-size: 1.3em;
	margin-left: 10px;
	line-height: 1.5em;
}

#cabecera .menu a:hover {
	text-decoration: underline;
}

#colecciones #menu-colecciones, #coleccion #menu-colecciones, #galerias #menu-galerias, #galeria #menu-galerias, 
		#enlaces #menu-enlaces, #autor #menu-autor {
	color: #89AB5E;	
}

#pie {
	display:none;	
}

#cuerpo {
	padding: 0;
	position: relative;
	width: 100%;
	color : #9F763A;
	font-family: 'Happy Monkey', cursive;
	color: #9F763A;
}

#cuerpo .contenido {
	position:relative;
	width: 950px;
	left: 50%;	
	padding: 2em 5px 1em;
    overflow: hidden;    
    background: url(../imagenes/fondo_cuerpo.png);
	margin-top: 0;
	margin-bottom: 20px;
	margin: 0 0 20px -475px;	
	border: 0 solid #CCC;
	border-width: 0 1px 1px;
}

#cuerpo h2 {
	font-size: 2em;	
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;	
}

#cuerpo h3 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

#cuerpo ul {
	margin: 0 0 1em 1em;
}

#cuerpo ul li {
	margin-bottom: 0.5em;
}

#cuerpo p {
	margin-bottom: 1em;
}


#cuerpo a {
	color: #89AB5E;
}

#cuerpo a:hover {
	text-decoration: none;
}

#cuerpo .grupo {
	float: left;
	width: 45%;
	padding-left: 5%;
}

#cuerpo .foto-autor {
	float: left;
	border: 1px solid white;
	padding: 3px;
	box-shadow: 0 0 10px #FFF;
	margin-right: 1em;
	background-color: black;
	overflow: hidden;
}

#acceso-blogs {
	position: absolute;	
	padding: 15px;
	border: 1px solid #999;
	box-shadow: 0 0 10px #000;
	background-color: #FFF;	
	z-index: 9999;
	border-radius: 10px;
}

#acceso-blogs a > div {
	float: left;
	width: 50%;
	background-repeat: no-repeat;
	background-position: left center;
	width: 300px;		
	position: relative;
	border: 1px solid #FFF;
	border-radius: 5px;
	height: 146px;
}

#acceso-blogs a > div:hover {
	box-shadow: 0 0 10px #FFF;
}

#acceso-blogs .maranaturaleza {
	background-image: url(../imagenes/blog_maranaturaleza.jpg);
	margin-right: 10px;
	
}

#acceso-blogs .beamon {
	background-image: url(../imagenes/blog_beamon.jpg);	
	text-align: right;
}

#acceso-blogs a {
	text-decoration: none;
}

#acceso-blogs .contenido {
	color: white;		
	position: absolute;
	bottom: 0;
	background-color: rgba(51, 51, 51, .8);
	padding: 5px;
	width: 290px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #DDD;	
}

#acceso-blogs .titulo {
    display: block;
	
    font-size: 1.5em;
}

#acceso-blogs .subtitulo {
	font-size: 13px;	
}

.mask {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #333;
}


#subir {
    display: block;
    /* display: none; */
	z-index: 999;
	opacity: .8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	position: fixed;
	top: 100%;
	margin-top: -60px;
	margin-left: 430px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	width: 30px;
	padding: 10px;
	background-color: black;
	text-align: center;
	left: 50%;
	font-size: 0.8em;
	text-decoration: none;
}