@charset "utf-8";
/* Diseño 1 Jaime Jaramillo */

body, body *  {margin:0; padding: 0;}
body {background-color: #400000; padding-top:132px;}


#contenido a:hover {color: #930; border-bottom: solid 1px #C30;}
#contenido a {border-bottom: solid 1px #CCC;}

#twitter {
	width: 240px;
	float:right;
	margin-top:10px;
}
#contenido #twitter a {border:0;}



/* Cabezote */


#cabezote {
	position:fixed;
	top: 0;
	width: 900px; 
	height: 132px; 
	background-color:#FFFCC8; width:900px;
	border-left: solid 1px #666; border-right: solid 1px #666; border-top: solid 2px #900;
	padding: 10px 0 10px 0; z-index:2;
	left: 50%;
	margin-left:-451px;
}


#jaimefondo {background: url(../img/cabezote.png) no-repeat center;  height:150px; width: 900px; z-index:1;}

#cabezote ul {position: absolute; bottom: 25px; left: 190px; border-left: solid 1px #333;}
#cabezote ul li {display: inline; border-right: solid 1px #333;}
#cabezote ul li a {text-decoration: none; color: #666; padding: 0 13px 0 13px; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
#cabezote ul li a:hover {background-color: #FC3; color:#333; border-top:solid 1px #666;}


/* Contenido */

#contenido {
	position:relative;
	width:880px; 
	border-left: solid 1px #666; 
	border-right: solid 1px #333; 
	margin:0 auto 0 auto; 
	background:url(../img/footer.png) bottom center #FFF no-repeat; 
	height:auto; 
	padding: 55px 10px 50px 10px;
	z-index:1;
	overflow:hidden;
}


#frases {
	position: fixed;
	width: 900px;
	bottom: 0;
	left:50%;
	margin-left:-450px;
	background: #FFFFEC;
	height: 20px;
	border-top: solid 1px #999;
	z-index:9;
}
#frases p {font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:center; color:#333; line-height:21px;}
#frases p em {font-size:9px;}

#contenido img.marco, .galeria img {border: double 3px #963;}

#contenido .galeria {width: 700px; margin:30px auto 0 auto;}
#contenido .galeria img {margin: 0 0 10px 10px;}
#contenido .galeria a {border:none;}

#contenido p.nav {text-align:center; color: #666; border:none;}
#contenido p.nav a {color:#999; border:none; text-decoration:none;}

/* index */

h1.inicio {color:#960; letter-spacing: 8px; text-align:center; font-size:20px; margin-top:10px;} 
h2.inicio {text-align: center; color:#960; letter-spacing: 12px; margin-top:20px; font-size:26px;}


/* videos.html */
h2.tvideo {text-align: center; color:#960; letter-spacing: 6px; margin-top:30px; font-size:16px;}


/* generales */
h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
p {font-family: Verdana, Geneva, sans-serif; color: #333;}
h1 {text-align:center; color:#963; font-size:28px;}

/* obra.html */

.libro {width:550px; height:auto; border: dashed 1px #E4E4E4; padding:15px; margin: 0 0 20px 200px; clear:both; overflow:hidden;}
.libro img {float:left; margin-right:10px;}
.libro h1 {text-align:center; font-size:20px; color:#894B4B; margin: 0 0 20px 0;}
.libro h1 a {color:#832528; text-decoration:none;}
.libro h2{text-align:center; font-size:16px; color: #933; margin: 30px 0 20px 0;}
.libro p {text-align: right; font-size:12px; display:block; margin-bottom:10px;}
.libro:hover {border: dashed 1px #333;}


.portadaobra {float:left; width:440px; height:auto; margin-bottom:120px;}
.portadaobra h1 {text-align:center; font-size:22px; color:#832528; margin: 20px 0 20px 0;}
.portadaobra h2{text-align:center; font-size:16px; color: #933; margin: 20px 0 20px 0;}
.portadaobra p {text-align:right; width:380px; margin: 20px auto 0 auto; font-size:12px; display:block;}

.obra {width:420px; float: right; height:auto; border-left: solid 1px #999; padding-left: 10px;}
.obra h1, .obra h2 a {color: #400000; text-decoration:none;}
.obra h2 {margin-top:20px; margin-bottom:20px; font-size:15px; color: #400000;}
.obra p {font-size:12px; margin-left: 15px;}

.obra ul {margin-top: 15px; list-style:none; margin-left:15px;}
.obra ul li {margin-top: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 15px;}
.obra ul li a {color: #333; text-decoration:none;}

.obra h1, .obra h2 {text-align:left;}


/* Poema */
.poema {width:600px; margin:0 auto 0 auto;}
.poema h1 {color: #960; letter-spacing: 8px; text-align:center; font-size:30px; text-shadow: grey 2px -1px 2px; margin:10px 0 35px -100px; width:800px;}
.poema h2 {font-size:14px; margin: 30px 0 0 0; text-align:right; font-size:12px; color:#666; margin-bottom:35px;}
.poema h3 {color: #960; font-size:14px; margin: 30px 0 0 0; text-align:center;}
.poema p {text-indent: -30px; margin-left:30px; text-align: left; line-height:20px; color:#444; font-size:12px; line-height:25px;}
.poema p.ad {margin-left:150px;}
.poema p.pp:first-letter {font-size:18px; letter-spacing:1px;} 

.poema p.pcentrado {text-align:center; text-indent:0px;}


/* Prosa */
.prosa {width:600px; margin:0 auto 0 auto;}
.prosa h1 {color: #960; letter-spacing: 8px; text-align:center; font-size:30px; text-shadow: grey 2px -1px 2px; margin:10px 0 35px -100px; width:800px;}
.prosa h2 {font-size:14px; margin: 30px 0 0 0; text-align:left; font-size:12px; color:#666; margin-bottom:35px;}
.prosa h2.cita {text-align:right;}
.prosa h3 {color: #960; font-size:14px; margin: 30px 0 0 0; text-align:left;}
.prosa p {text-indent: 30px; margin-bottom:20px; text-align: left; line-height:20px; color:#444; font-size:12px; line-height:25px;}
.prosa p.poema {text-indent: 0; margin-left:30px;}
.prosa p.poemacentrado {text-indent: 0; text-align:center;}
.prosa ol {color:#444; margin-left:30px; margin-bottom:15px;}
.prosa ol.abc {list-style-type: lower-alpha;}
.prosa li {margin-top:12px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;}


/* visitantes.html */
.visitantes {width:600px; border: solid 1px #999; margin: 13px auto 13px auto; padding:12px 12px 0 12px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.visitantes:hover {background-color:#F0FFFF;}
.visitantes h2 {font-size:15px; color: #333;}
.visitantes h3 {margin: 0 0 10px 0; font-size:11px; letter-spacing:2px; color:#999;}
.visitantes p {color:#333; margin-bottom:20px;}
.visitantes .jaime {padding: 10px; margin:10px; border: dashed 1px #900;}
.visitantes .jaime:hover {background-color:#FFF2F2;}
.visitantes a {color: #900;}
/* Imagen.html */

.imagen h1 {font-size:18px; margin: 15px 0 30px 0;}
.imagen {margin-bottom:130px;}

.video .videocentrado {display:block; margin:0 auto 0 auto; margin-top:15px; margin-bottom:50px;}

/* centrar imagen */
.imgcentrada {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
a img {border:none;}

.reproductor {width:180px; margin: 0 auto 0 auto;}


/* Footer */



#footer {
	position:relative;
	margin:-5px auto 0 auto;
	background-color:#FFFCC8;
	height:110px;
	width:900px;
	padding-top:25px;
	padding-bottom:30px;
	z-index: 4;
}

#footer p {text-align:center; font-size:13px; color:#333; margin-top:20px;}