/***************** @font-face ****************/

@font-face {
	font-family: 'IMFELLEnglishBold';
	src: url('img-css/FeENsc2.eot');
	src: local('IM FELL English'), local('IM_FELL_English_Roman_SC'), url('img-css/FeENsc2.woff') format('woff'), url('img-css/FeENsc2.ttf') format('truetype');
}
@font-face {
	font-family: 'IMFELLEnglishItalic';
	src: url('img-css/FeENit2.eot');
	src: local('IM FELL English'), local('IM_FELL_English_Italic'), url('img-css/FeENit2.woff') format('woff'), url('img-css/FeENit2.ttf') format('truetype');
}
/*"The Fell Types (IMFELLEnglishBold & IMFELLEnglishItalic) are digitally reproduced by Igino Marini. www.iginomarini.com"*/

  @font-face {
  font-family: 'cardo';
  src: url("img-css/cardo.eot");
  src: local('cardo'),
  src: url('img-css/cardo.ttf') format("truetype");
  }

@font-face {
  font-family:'nyala';
  src: url('img-css//NYALA0.eot');
  src: local('nyala')
  src: url('img-css/nyala_0.ttf') format("truetype");
}
@font-face {
	font-family: 'RoseNormal';
	src: url('img-css/rosecaps.eot');
	src: local('Rose  Normal'), local('RoseCaps'), url('img-css/rosecaps.ttf') format('truetype'), url('img-css/rosecaps.svg#RoseCaps') format('svg');
}

* {margin: 0; padding:0; outline: none; border: 0; position: relative; list-style-type: none;}
* html, * body { width: 100%; height: 100%; overflow:auto;}
html,body {width: 100%; background: #EFDFB6 url(img-css/pagina.jpg) repeat; overflow: auto;}
#contenedor {
  width: 970px;
  margin: 0 auto;
  overflow: hidden;
  background: transparent url(img-css/top.jpg) no-repeat center top;
  position: relative;
}
.n-visit h3 {display: none;}
#header .top {position:absolute; top: -10px; left: 50%;}
#header {
  border-bottom:1px solid #3F3D36;
  border-top:2px solid #3F3D36;
  margin: 15px 0 200px;
  padding:0 0 2px;
  position: relative;
}
h1 {
  color: #435266;
  font-family:'IMFELLEnglishBold', times, 'times New Roman';
  font-size:100px;
  line-height:70px;
  text-align:center;
  text-shadow:1px -1px 1px #000;
  width:100%;
  margin: 1px 0;
  border-bottom: 1px solid #3F3D36;
  border-top: 1px solid #3F3D36;
}
#subheader {
  border-bottom:2px solid #3F3D36;
  border-top:2px solid #3F3D36;
  color: #28271E;
}
.desde, .antiguedad {
  width: 80px;
  font-family: cardo, garamond, georgia, serif;
  text-align: center;
  font-size:1em;
  color:#807A65;
  float: left;
  letter-spacing:1px;
}
.antiguedad { float: right;}
#subtitulo {
  border-right:1px solid #3F3D36;
  border-left:1px solid #3F3D36;
  margin: 0 80px;
  text-align: center;
}
#subtitulo h2 {
  color:#807A65;
  font-family:nyala;
  font-size:20px;
  font-weight:100;
  letter-spacing:2px;
  text-shadow:-1px 1px 1px #FFFFFF;
  text-transform:uppercase;
}
#header #menu {
  background: #435266;
  margin-top: 2px;
  padding: 0 5px;
  overflow:hidden;
}
#header #menu ul {overflow: hidden; float: left}
#header #menu ul li {float: left; list-style-type: none; margin:0 5px;}
#header #menu ul li a {
  display: block;
  padding: 2px 5px;
  color: #EEDFB6;
  text-decoration: none;
  font-family: nyala, serif;
  font-size: 1.1em;
}
* #menu ul li#escribir-coment, * #menu ul li#escribir-coment a#escb-comentario {display: none;}
/*#header #menu ul li a:hover, #header #menu ul li a.activo {
  background: #EEDFB6;
  color: #3F3D36;
}*/
#header #menu .buscar {float: right; padding: 1px 5px 0 0; width: 165px;}

#header #menu .buscar h3 {display: none;}
#header #menu .buscar input#buscar-go {
  font-family: nyala, sans-serif;
  background: transparent;
  cursor: pointer;
  color: #EEDFB6;
  float: left;
  font-size:1em;
}
#header #menu .buscar input#buscar-go:hover { text-decoration: underline;}
#header #menu .buscar input#buscar-campo {
  float: right;
  width: 105px;
  font-family: verdana, sans-serif;
  color: #333;
  border:3px double #CDCDCD;
}
.articulo {
  width:100%;
  margin: 20px 0;
  overflow:hidden;
  position:relative;
}
.header-articulo {
  position: relative;
  border-bottom: 1px solid #B09681;
  min-height:50px;
 /* margin-bottom:-20px;*/
}
.articulo .header-articulo h2 a {
  font-family: IMFELLEnglishBold, cardo, georgia, garamond, serif;
  font-size: 40px;
  font-weight:100;
  line-height:40px;
  text-decoration: none;
  color: #523E23;
  margin: 5px 0 -12px 0;
  display: block;
}
.articulo .header-articulo h2 a:hover {
  color: #B09681;
  font-style: normal;
  text-shadow: 0 0 1px #fff;
}
.articulo .header-articulo .fecha {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: 'courier new', monospace;
  color: #555;
  font-size:11px;  
}
.articulo .cuerpo-articulo {
  font-family: IMFELLEnglishItalic, cardo, georgia, garamond, serif;
  font-size: 1.25em;
  font-weight:normal;
  color: #32665D;
  padding-top:2px;
  overflow: hidden;
}
.articulo .cuerpo-articulo p {
text-indent:50px;
}
.articulo .cuerpo-articulo:first-letter {
  font-family: 'RoseNormal';
  float: left;
  font-size: 8em;
  color: #523E23;
  margin-right: -3px;
  text-shadow:1px 1px 1px #fff;
}
.articulo .cuerpo-articulo img {
  border:1px solid #CDCDCD;
  display:block;
  margin:0 auto;
  min-width:5px;
  padding:5px;
  z-index:100;
  width: expression(document.body.clientWidth < 5? "4px": "auto");
}
.articulo .cuerpo-articulo a {
  color: #E08000;
  text-decoration:none;
  text-shadow:1px 1px 1px #FFFFFF;
}
.articulo .cuerpo-articulo a:hover {color: #CC6600; text-decoration: underline;}
.pie-articulo {
  border-bottom:1px solid #B1AB96;
  border-top:1px solid #B1AB96;
  padding:0;
  width:100%;
  overflow: hidden;
  clear: both;
}
.articulo .cuerpo-articulo h3 {font-family: IMFELLEnglishBold;}
#paginacion {
  clear:both;
  text-align:center;
}
.leer-articulo {float: left;}
.leer-articulo a,
#paginacion span.prev a,
#paginacion span.sig a {
  font-family: 'courier new', monospace;
  font-size: 1em;  
  display: block;
  background: #736F61;
  color: #EEDFB6;
  text-decoration: none;
  padding: 3px 5px;
}
.leer-articulo a {font-size: .8em;}
#paginacion span {padding: 0;}
#paginacion span.prev a, #paginacion span.sig a {display: inline; background: #435266;}
#paginacion span.prev a:hover, #paginacion span.sig a:hover {background: #32665D;}
#paginacion span.prev a {-moz-border-radius-topleft: 20px; -webkit-border-radius-topleft: 20px;}
#paginacion span.sig a {-moz-border-radius-topright: 20px; -webkit-border-radius-topright: 20px;}
.leer-articulo a:hover { background: #435266;}
.categorias,
.comentar,
.categorias a,
.comentar a {
  font-family: 'courier new', monospace;
  color: #32665D;
  font-size:11px;
  text-decoration: none;
  display: inline;
}
.categorias a:hover, .comentar a:hover {background: #32665D; padding: 3px 0; color: #fff; text-decoration: underline;}

#index .articulo ~ .articulo {
  overflow:hidden;
  background: #E4DDB0;
  width:463px;
  float: left;
  margin: 0 10px 15px;
  border: 1px solid #CDCDCD;
  -moz-border-radius-topleft: 20px;
  -webkit-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-radius-topright: 20px;
}
#index .articulo ~ .articulo .header-articulo {height: 50px;}
#index .articulo ~ .articulo .header-articulo h2 a {
  font-family: IMFELLEnglishBold, 'times new roman', times, serif;
  font-size: 23px;
  line-height: 25px;
  margin: 5px 0 0 0;
}
#index .articulo ~ .articulo .cuerpo-articulo {
  font-family: nyala, verdana, sans-serif;
  font-size: 15px;
  font-weight:normal;
  color: #747168;
  padding: 5px 5px 0 5px;
  text-align: justify;
  height: 250px;
  overflow: hidden;
}
#index .articulo ~ .articulo .cuerpo-articulo:first-letter {
  font-size: 6em;
  color: #747168;
}
#index .articulo ~ .articulo .cuerpo-articulo p {
text-indent:0;
}
#index .articulo ~ .articulo .cuerpo-articulo img {
  height: auto; 
  max-width:440px;
  width: expression(document.body.clientWidth > 441? "440px": "auto");
}
#index .articulo ~ .articulo .pie-articulo {
  background: #E4DDB0;
  z-index:50;
}
.pie {
  clear: both;
  width:100%;
  background: #435266;
  overflow: hidden;
  -moz-border-radius-topleft: 15px;
  -webkit-border-radius-top-left: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-radius-top-right: 15px;
}
.pie .contenedor-pie {
  margin: 10px auto 0;
  overflow:hidden;
  padding:10px;
  width:950px;
}
.pie .contenedor-pie .listado {
  width: 305px;
  font-size:0.8em;
  float: left;
  margin:10px 5px -500px 6px;
  padding-bottom: 500px;
  background: #EFDFB6;
  color: #32665D;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.pie .contenedor-pie .listado h3 {
  font-family:  nyala, sans-serif;
  font-size: 20px;
  font-weight:normal;
  text-transform: uppercase;
  color: #747168;
  border-bottom:3px double #747168;
  text-align: center;
  text-shadow:1px 1px 1px #FFFFFF;
}
.pie .contenedor-pie .listado a {
  display: block;
  color: #747168;
  font-family: verdana, sans-serif;
  text-decoration: none;
  padding: 2px 10px 2px 18px;
  margin-left:5px;
  background: url(img-css/art.png) no-repeat;
}
.pie .contenedor-pie .listado a:hover {
  background: url(img-css/artover.png) no-repeat;
  color: #E08000;
}
.pie .contenedor-pie .listado a span {
  background: #435266;
  background: rgba(67, 82, 102, 0.4);
  clear:both;
  color:#FFFFFF;
  display:block;
  font-size:1.1em;
  padding:0 5px;
  text-shadow:1px 1px 1px #000000;
  text-transform:uppercase;
  border:1px solid transparent;
}
.pie .contenedor-pie .listado a:hover span {
  background:rgba(67, 82, 102, 1);
  -moz-box-shadow:1px 1px 1px #fff, -1px -1px 1px #000;
  color:#cdcdcd;
  text-shadow:0 0 1px #000;
  border:1px inset #000000;
}
.pie .contenedor-pie .listado p {
  color: #747168;
}
#fin-pag {
  border-bottom: 2px solid #32665D;
  border-top: 1px solid #32665D;
  margin: 2px 0 10px;
  padding: 2px 0;
  width: 100%;
  clear: both;
}
#fin-pag #contenido {
  background-color: #32665D;
  text-align: center;
  width: 100%;
  padding:3px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#fin-pag #contenido ul {}
#fin-pag #contenido ul li {
  display:inline;
  list-style-type:none;
}
#fin-pag #contenido ul li a {
  color: #fff;  
  text-decoration: none;
  font-family:nyala, times, 'times new roman', serif;
  font-size:1.2em;
  padding:5px;
}
#fin-pag #contenido ul li a:hover {
  background: #EEDFB6;
  color: #3F3D36; 
}
.p-final {
  font-size: .8em;
  text-align: center;
  color: #747168;
  font-family: verdana, sans-serif;
  margin-bottom: 5px;
}
blockquote {
  width: 90%;
  margin: 0 auto;
  padding: 5px;
  font-family: cardo, garamond, georgia, serif;
  font-size: .9em;
  font-style:italic;
  color: #444;
  border: 4px solid transparent;
  border-left: 8px solid #C9C596;
  border-right: 8px solid #C9C596;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px; 
  clear: both;
}
code{
  background: #958B74;
  display: block;
  width: 90%;
  margin: 5px auto 0;
  padding: 5px;
  font-family: "courier new", monospace;
  font-size: 1em;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  border:3px double #CDCDCD;
  clear: both;
}
code a {
  color:#000!important;
  text-shadow:1px 1px 3px #f5f5f5!important;
}
code a:hover {
  color: #fff!important;
  text-shadow:1px 1px 3px #000!important;
}
.jose_ohm img, .jose_ohm a img {
  height: auto; 
  max-width:240px;
  width: expression(document.body.clientWidth > 241? "240px": "auto");
  border:1px outset #435266;
  padding:5px;
  width:240px;
  text-decoration: none;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
  opacity: .6;
}
.jose_ohm a:hover img {
  text-decoration: none;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
  opacity: 1;
}
.claro {
  font-family:  nyala, times, 'times new roman', serif;
  font-size: 20px;
  font-weight:normal;
  text-transform: uppercase;
  color: #c0c0c0;
  text-shadow: 1px 1px 1px #000;
}
.flickr_badge_beacon {display: none;}
/******************** CARUSEL ********************/
#carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 968px;
	height:200px;
	margin:146px auto 0;
	overflow:hidden;
	border:1px solid #ccc;
	background: #E4DDB0;
	*margin-top: 152px;
}

#slides {
	overflow:hidden;
	position:relative;
	height:200px;
}
#slides ul {
	list-style:none;
	margin:0;
	padding:0;	
	width:100%;
	position: static;
}
#slides li {
	width:100%;
	display: block;
	height:200px;	
}
#slides li img.right {
	padding:2px;
	float: right;
	max-height: 196px;
	height: expression(this.scrollHeight > 197? "196px" : "auto" );
}
#slides li img.left {
	padding:2px;
	float: left;	
	max-height: 196px;
	height: expression(this.scrollHeight > 197? "196px" : "auto" );
}
#slides li h2 a {
  display: inline;
  font-size: 20px;
  padding: 5px;
  font-family: IMFELLEnglishBold, cardo, serif;
  /*text-transform: uppercase;
  font-style:italic;*/
  text-decoration: none;
  color: #523E23;
}
#slides li h2 a:hover {
  text-decoration: underline;
  color: #B09681;
  background: #D9D1B8;
}
#slides li p, #slides li p a {
  font-family: IMFELLEnglishItalic, nyala, sans-serif;
  font-size: 15px;
  color: #777;
  text-indent: 70px;
  text-decoration: none;
}
#slides li p a:hover {
  background: #D9D1B8;
  cursor: pointer;
}
#buttons {
	padding:0 0 5px 0;	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:10;
}
#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}
a#prev { background:url(carousel/arrow.gif) 0 -31px no-repeat;}
a#prev:hover { background:url(carousel/arrow.gif) 0 0 no-repeat;}
a#next { background:url(carousel/arrow.gif) -32px -31px no-repeat;}
a#next:hover { background:url(carousel/arrow.gif) -32px 0 no-repeat;}
.corte {clear:both}
/******************** comentario ********************/
.comentario {
  background: #EEDFB6 url(img-css/top.jpg) no-repeat;
  border: 3px double #32665D;
  margin:0 auto 10px;
  overflow:hidden;
  width:900px;
  color: #444444;
}
.comentario .comentario-autor {
  float:left;
  font-family: cardo, garamond, georgia;
  font-size:1.3em;
  margin-bottom:-5000px;
  padding-bottom:5000px;
  padding-left:5px;
  width:160px;
  overflow:hidden;
  text-transform:uppercase;
  text-shadow:1px 1px 1px #FFFFFF;
}
.comentario .comentario-autor:after {
  content:"{";
  color: #435266;
  font-family: verdana;
  font-size: 2em;
  position: absolute;
  right: -5px;
  top: -5px;
}
.comentario .comentario-autor span {
  font-family: 'courier new', monospace;
  font-size: .7em;
  display: block;
}
.comentario .comentario-autor span.mailto a {
  text-transform: lowercase;
  color: #444;
  text-decoration: none;
}
.comentario .comentario-autor span.mailto a:hover {
color: #E08000;
text-decoration: underline;
}
.comentario .cometario-contenido {
  border-left:10px solid #435266;
  color:#444444;
  float:left;
  font-family: cardo,'times new roman', serif;
  font-size:1.1em;
  margin-bottom:-5000px;
  padding: 0 5px 5000px 5px;
  width:715px;
}
/******************** generados ********************/

.oculto {display: none; line-height: 0;}
.buttons {z-index: 1500;}
.img_float_left, #img_float_left {float: left; clear: left; margin-right:10px !important; display: inline!important;}
.img_float_right, #img_float_right {float: right; clear: right; margin-left:10px !important; display: inline!important;}
.img_center {margin: 0 auto; width:252px;}
#contador {
  float: right;
  margin: -5px 5px 0 0;
  color:#444;
  font-family: cardo, garamond, georgia;
}
.leer_todo {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left:0;
  font-family: cardo, serif;
  font-size: 0;  
  /*background: #736F61;*/
  color: #435266;
  text-decoration: none;
  text-indent: 0;
  text-shadow: 0;
  z-index: 150;
}
a:hover.leer_todo {
  font-size: 3em;
  color: #fff!important;
  width: 100%;
  height: 100%;
  text-shadow: -1px -1px 5px #000;
  text-decoration: none!important;
  line-height:2em;
  background: #000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
  background: rgba(67,82,102, .3);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}

/************************* Escribir Comentarios ****************/
#emoticones {/*contiene los emoticones para los comentarios*/
  float:right;
  margin:20px 0 0 0;
  text-indent:0;
  width:148px;
}
#previw_cgi #emoticones, #add #emoticones {margin-right: 10px;}
ul#emoticon {/*cada emoticón está encerrado en un span class=emoticon"*/}
ul#emoticon li {
  border:1px solid #FFFFFF;
  cursor:pointer;
  float:left;
  font-size:8px;
  height:30px;
  margin:1px;
  overflow:hidden;
  text-align:center;
  width:30px;
  }
ul#emoticon li img {
  border:0 none;
  display:block;
  float:none;
  margin:0;
  }
ul#emoticon li span {
  display: none;
  font-family: verdana;
}

#comments #user_ip {display: none!important;}
#campo_comentarios {font-family: nyala;}
#campo_comentarios label {
  color: #747168;
  display: block;
  font-size: 1em;
  margin: 5px 0 0 10px;
}
#campo_comentarios #comment_name,
#campo_comentarios #comment_email,
#campo_comentarios #comment_url,
#campo_comentarios #user_ip,
#campo_comentarios #url, #coment_text,
#campo_comentarios #name,
#campo_comentarios #email,
#campo_comentarios #subject,
#editor #blog_subject,
#previw_cgi #blog_text,
#add #blog_subject {
  background: #958B74;
  font-family: 'courier new', monospace;
  border:3px double #CDCDCD;
  color: #fff;
  display: block;
  font-size: 1em;
  margin: 0 0 -5px 10px;
  padding: 0 5px;
  width: 15em;
  text-shadow: 2px 2px 2px #000;
}
#campo_comentarios #text,
#campo_comentarios #comment_text,
#previw_cgi #blog_text,
#previw_cgi #editor #blog_subject,
#add #editor #blog_text,
textarea {
  background: #958B74;
  font-family: 'courier new', monospace;
  font-size:1em;
  float: left;
  border:3px double #CDCDCD;
  color: #fff;
  padding: 5px;
  text-shadow: 2px 2px 2px #000;
}
textarea#comment_text {width: 750px!important;}

#previw_cgi #blog_text,
#add #editor #blog_text {
  background:#F5F5F5;
  border-color:#000;
  color:#000000;
  font-size:0.9em;
  text-shadow:0 0 0;
  width:780px!important;
  z-index:500;
}
#previw_cgi #editor #blog_subject, #add #editor #blog_subject {width: 940px!important; z-index:500; font-size:0.9em;}
#previw_cgi p, #add #editor p {clear: left;}
#submit {
  background:transparent;
  display:block;
  font-family:cardo, garamond, georgia;
  font-size:1.2em;
  margin-left:125px;
  clear:both;
  text-shadow: 2px 2px 2px #000;
}
#submit:hover {
  background:none repeat scroll 0 0 #32665D;
  cursor:pointer;
  color:#e4ddb0;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  text-shadow:1px 1px 1px #000;
}
#capcha {width: 120px; height: 210px; float:left; margin-right: 5px; z-index: 10; text-indent:0;}
#capcha img {
  float:left;
  margin:0 0 0 -9px;
  padding:0 0 5px;
}
label#comment_capcha, label#capcha_contact {
  font-size:0.7em;
  margin:0;
  text-align:left;
}
input#enter_capcha,
#capcha input {
  background: #958B74;
  font-family: 'courier new', monospace;
  display:block;
  font-size:1em;
  font-weight:bold;
  margin-top:5px;
  text-align:center;
  width:110px;
  border:3px double #CDCDCD;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

label#enter_capcha img, label#capcha_contact {display: block; margin: 5px auto;}
.bginput {
  font-weight:bold;
  padding: 2px;
  background: #958B74;
  color: #fff;
  border:3px double #CDCDCD;
  margin-left: 2px;
  cursor: pointer;
}
.bginput:hover, .bginput:active, .bginput:focus {border: 3px double #444;}
#campo_comentarios select {
  background: #958B74;
}

/****************** los enlaces en cada pagina***************/
#comments #header #menu ul li#escribir-coment, #comments #menu ul li#escribir-coment a#escb-comentario {display: block;}

#index #header #menu ul li a#ir-inicio,
#contact #header #menu ul li a#contactarme,
#archives #header #menu ul li a#ver-archivos,
#static #header #menu ul li a#ver-estadisticas,
#stats #header #menu ul li a#ver-estadisticas,
#header #menu ul li a#escb-comentario,
#stats #header #menu ul li a#ver-autor,
#header #menu ul li a:hover, #header #menu ul li a:active {
  background: #EEDFB6;
  color: #3F3D36;
}

#comments #galerias {display: none;}

/****************** complementos ***************/
q {
font-family:'palatino linotype', serif;
font-size:1em;
font-variant:small-caps;
font-weight:100;
}

.cuerpo-articulo img.emoticono {
display:inline;
border:0;
padding:0;
vertical-align:bottom;
}
/****************** twitter ***************/
#twitter-pag {
/*border-top:3px double #747168;*/
height:300px;
margin-top:5px;
overflow:hidden;
}

.twtr-hd {display: none;}
#twtr-widget-1 .twtr-tweet a {
background:transparent !important;
color:#E07F00 !important;
display: inline;
margin:0;
padding:0;
}