/* Fuentes con @font-face */


/*Generalidades*/

* { 
	padding: 0px; margin: 0px;
	border: 0px; outline: none;
}

p {
	margin-top: 0; margin: 0px 0px 15px 0px;
	line-height: 150%; 
}


body {
	margin: 0px; padding: 0px;
	-webkit-user-select: none;
	font-family: Molengo, 'Gill Sans MT', Helvetica, Arial, sans-serif;
}

a { color: #000; text-decoration: none; }

a:hover { background: #f5f5f5;  }

h1 { letter-spacing: -1px; line-height: 90%; }

#contenido { float: left; width: 100%; position: relative; }

.cuento {
	width: 80% !important; padding: 5% 10%; text-align: left;
}

.portada h1 { text-transform: uppercase; }

.portada {
	margin: 5% 0; text-align: center;
}

/* Propios */

h1 {
	font-family: 'Droid Serif', 'Times New Roman', Times, serif;
	font-weight: bold;
}

h1 span.cap {
	font-size: 130%;
	text-transform: none;
}

 .cuento h1 { font-style: italic; margin-bottom: 20px; }

h2.fecha { font-weight: normal; font-size: 110%; margin-bottom: 30px; }

/* Menu */

#menu {
	font-family: Molengo, 'Gill Sans MT', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

ul#menu { display: inline; margin: 15px 0 0 0; position: absolute; left: 50%; margin-left: -315px; }

ul#menu li {
	float: left;
	list-style: none;
	padding: 15px;
}

ul#menu li a { padding: 15px; }

/* Pies */

#pie { float: left; width: 100%; margin: 30px 0 0 0; margin-left: -25px; font-size: 80%; letter-spacing: 1px; }

.vuelta {  text-transform: uppercase; font-size: 100%; padding: 15px; }

/* Lista de albumes */

ul#albumes{ 
	left:50%; margin-left:-380px;
	position:absolute; width:750px;
}

ul#albumes li  {
	list-style: none; display: inline;
	padding: 0px; margin: -8px 0 0 0;
	float: left;
}

#albumes li { font-size: 150%; }

#albumes .tapa { width: 250px; height: 188px; }

#albumes a { float: left; }

#albumes li a:hover { background: none; }

#albumes a.vuelta { bottom:-65px; left:50%; margin-left:-110px; position:absolute; }

.instantaneas img { margin: 0px; text-align: center; }

p.piedefoto { color: #fff; background: #000; margin: -10px 0 25px 0; padding: 15px; width: 470px; font-size: 90%; }

p.piedefoto-v { background:#000; color:#fff; font-size:90%; margin:-10px 0 25px 0; padding:15px; width:345px; } 

/* Lista de mensajes */

ul#mensajes{  }

ul#mensajes li {
	list-style: none;
	padding: 15px;
}

#mensajes li { font-size: 150%; }

#mensajes .fecha { margin-right: 15px; }

#mensajes li a { padding: 15px; font-family: 'Droid Serif', 'Times New Roman', Times, serif; font-style:italic; }


/* Lista de cuentos */

ul#cuentos {  }

ul#cuentos li {
	list-style: none;
	padding: 15px;
	font-size: 80%;
}

#cuentos li a { font-style: italic; font-size: 180%; }

#cuentos li a { font-family:'Droid Serif','Times New Roman',Times,serif; padding: 15px; }


/* Disposicion normal */

.cuento div.normal p { text-indent: 1.5em; }

/* Disposicion en columnas */

div.columnas { text-indent: 1.5em; }

div.columnas p.p-parrafo { text-indent: 35px; position: relative; }

div.columnas span.p-letra { 
	display:inline;	font-family:'Droid Serif','Times New Roman',Times,serif;
	font-size:250%;	font-style:italic;
	font-weight:bold; line-height:0.7em;
	margin:-0.2em 0.2em -0.4em 0; position:absolute;
	text-indent:-30px;
}

.II {
	-webkit-column-count : 2;
	-webkit-column-gap : 20px;
	-moz-column-count : 2;
	-moz-column-gap : 20px;
}

.III {
	-webkit-column-count : 3;
	-webkit-column-gap : 20px;
	-moz-column-count : 3;
	-moz-column-gap : 20px;
}