@charset "iso-8859-1";
/* CSS Document */

/* para enumerar*/
/*-----------------------------------*/
.centrado { 	text-align: center;    }
.enumera {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:44px;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom:20px;
}

.enumeralinks {
	background-image: url(images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:44px;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom:20px;
}

.enumerapost {
	background-image: url(images/arrowp.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:44px;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom:20px;
}


/* para rese�as. Fotos--------------*/
/*----------------------------------*/

.polaroid {
     padding:15px 15px 55px 15px;
     border:1px solid red;
     background:white;
     text-align:center;
}
.polaroidtext {
    color:black;
    position:relative;
    top: -50px;
}

#margender {
	text-align: right;
	color:Blue;
	font-weight: bold;
}

/* caja scrolable ------------------*/
/*------------------------------------*/
.element{
position: relative !important;
overflow: auto!important;
vertical-align: top !important;
height: 190px !important;
width: 100% !important;
background:#d9dfd9!important;
border: 1px #92A399 solid !important;
padding: 15px!important;
}

/*------------------------------------------------------------Para rese�as--------------*/
/* gallery container */

.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 1em 5%;
	background-color: #D2D2EE;
	border: 1px solid #999;
	padding: .5em;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	/*vertical-align: middle;*/
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .4em;
	padding: 5px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 140px;      /* not always honored, but that's OK */
	border: 1px solid red;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 180px;         /* a bit larger than highest img */
	line-height: 180px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	font-family: Verdana, Arial, Georgia, sans-serif;
	font-size: .9em;
	font-weight: bold;
	height: 2.5em;         /* makes each box a consistent height */
	padding: 5px 5px 10px 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */


/*----------------------------------------*/
/* listado para biblioteca */
/* smileycat.com */

.links ul {
        list-style-type: none;
        width: 720px;
}

.links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 0;
		  background-image: url(images/arrowbiblio.gif);
		  background-position: center left;
		  background-repeat: no-repeat;
		  padding-left: 24px;
}

.tesis {
         background-image: url(http://historiapolitica.com/img/tesis.gif);
         background-position: center left;
	 background-repeat: no-repeat;
	 padding-left: 55px;
}

.links li h5 {
	font-size: 1.4em;
	color: Background;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.links li a {
        color: #990000;
        display: block;
        font: bold 100% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html .links li a {  /* make hover effect work in IE */
	width: 720px;
}

.links li a:hover {
        background: #ffffcc;
}

.links a em {
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%;
}

.links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}


/*-------------------------------------------------*/
/*<div id="construccion">En construcci&oacute;n</div>*/

#construccion {
	text-align:right;
/*	width: 400px;
	height: 400px;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:maroon;
	/*background-image: url(http://historiapolitica.com/img/construc.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
}

/* ---------------------para el grafico de crono --------------*/
#piecanvas {
/*font-size: .3em;
color:blue;*/
/*text-align:right;	*/
height:280px;
width:304px;
overflow: auto;
position: relative;
}

/*----------------------------- para menu inicio ---------------*/

#navbar {
text-align:right;
/*left: 540px;*/
top: 19px;
list-style: none;
margin-top:120px;
margin-left:70px;

	}

#navbar li, #navbar a, #navbar span, #navbar strong {

	}

#navbar li {
	margin-right: 2px;
	}

/* normal */

#navbar li a {
	color: black;
	/*letter-spacing: -1px;*/
	font-weight: normal;
	text-decoration: none;
	border: none;
	line-height: 27px;
	}

/*#navbar li a span strong { padding: 0 10px; }*/


/*----------- peq para menu -------------------*/

.peq {
font-size:1.1em;
}
.muypeq {
font-size:1.1em;
}

.muypeq2 {
font-size:1.3em;
line-height:20px;
padding-bottom:20px;
}

.volver {
text-align:right;
font-size:10px;
color:maroon;
}


/*----------- grande para menu -------------------*/
.gran_de a:hover {
color:maroon;
font-weight:bold;
font-size:1.2em;
}
/*------------------ lista menu -------------------*/
.listamenu {
          padding-left:20px;
}


.listamenu ul {
        list-style-type: none;
 }

.listamenu li {
    background-image: url(images/arrowmenu.gif);
    background-position: center left;
	background-repeat: no-repeat;
	padding-left: 26px;
}

.listadossier {
          padding-left:5px;
          list-style-type: none;
}


listadossier ul {
        list-style-type: none;!important
 }

.listadossier li {
    /*background-image: url(images/arrowmenu.gif);
    background-position: center left;
	background-repeat: no-repeat;
	padding-left: 16px;*/
    list-style-type: none;
    font-size: 8px;
    line-height: 4.6em;
    border-bottom-style: dotted;
}

/*------------------ LINKS --------------------*/

.paralinks {
float:left;
width:250px;
line-height:1.3em;
margin-right:20px;
}

.paralinks h3 {
width:105px;
height:65px;
line-height:1.5em;
float:left;
text-indent:-8008px;
/*background:transparent url(http://historiapolitica.com/img/intute_arts.jpg) no-repeat 0 0;*/
}

.paralinksbeta {
float: right;
width:250px;
line-height:1.3em;
margin-right:20px;
}

.paralinksbeta h3 {
width:105px;
line-height:1.5em;
height:65px;
float:left;
text-indent:-8008px;
}

.right1 {
	height:100%;
	vertical-align:top;
	display:table-cell;
	width:545px;
}

.contenido {
	width: 600px;
}
/* -------------------- para indice -----------*/
.indicio {font-size:11px;}
.indicio ul {list-style-type: none;}
.indicio li {background-image: url(images/arrowmenu.gif);background-position: center left;background-repeat: no-repeat;padding-left: 12px;padding-bottom:10px;}
.indicio a:hover {text-decoration:none;color:blue;
}

/*----------------------- estilos de tapa --------------------*/
.estilo1 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-weight: bold;
color:blue;
font-size:14px;
}

.estilo2 {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}
.estilo2 a {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size:11px;
color:black;
font-weight: bold;
text-decoration:none;
line-height:12pt;
}

.curvas{
border:solid 1px #006699;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
}

.curvas1 {
background:lightblue;
color:#FFFFFF;
text-align:center;
padding-top:4px;
}
.curvas1 div{
background:url(images/tips_gray.png) left bottom no-repeat;
padding-top:4px;
height:18px;
}

.curvasb{
border:solid 1px #006699;
background:red;
color:white;
padding:4px;
text-align:center;
}

/*------------------------------- JLR ------------------------- */


a.nav, a.nav:link, a.nav:visited, .chosen {
display:block;
/*float:left;
right-margin:1px;*/
width:150px;
height:25px;
background:#dca;
border:1px solid #000;
margin-top:2px;
text-align:center;
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:12px;
color:#000;
line-height:25px;
overflow:hidden;
}

a.nav:hover {
color:#fff;
background:#764;
}

a.nav:active, .chosen {
color:#fff;
background:#c00;
}

/* --------------- para path en JLR ----------- */

.flecha ul {
        list-style-type: none;
        display:inline;
 }
.flecha li {
        background-image: url(images/flecha2.gif);
        background-position: center left;
	background-repeat: no-repeat;
	padding-left: 42px;
        display:inline;
        margin-left: 20px;
font-size:10px;
color:blue;

}

#galeria li {
width:110px;
height:180px;
padding:2px;
text-align:center;
position:relative;
float:left;
display:inline;
margin:1px;
list-style-type: none;
list-style: none;
}


#galeria ul {
list-style-type: none;
list-style: none;
}




/* ---------------- dossier --------------- */

.general a:hover {
text-decoration:none;
}
/* -------------------------- footnotess --------------- */
.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

/*----------------------------- polhis ----------------------*/

div.contenedor   { position:relative; top: 20px; left: 25px; bottom:0px; margin-bottom:4px; /* etc. */ }
img.posicion  { position:absolute; }
img.posicionrevista { position:relative;}
img#revista     { top:0px; left:33%;}
#acerca {position:absolute;top:180px; left:8.2%; margin-right:-1px;width:268px; height:36px; background: url("http://historiapolitica.com/img/acercad.gif") no-repeat 0 0;text-indent: -9999px;}
#acerca:hover {background: url("http://historiapolitica.com/img/acercadR.gif") no-repeat 0 0;}
#programa    {position:absolute;top:230px;left:8.2%; margin-right:-1px;width:268px; height:36px; background: url("http://historiapolitica.com/img/programad.gif") no-repeat 0 0;text-indent: -9999px;}
#programa:hover {background: url("http://historiapolitica.com/img/programaR.gif") no-repeat 0 0;}
#cuerpo  {position:absolute; top:280px; left:8.2%; margin-right:-1px;width:268px; height:36px; background: url("http://historiapolitica.com/img/cuerpod.gif") no-repeat 0 0;text-indent: -9999px;}
#cuerpo:hover {background: url("http://historiapolitica.com/img/cuerpoR.gif") no-repeat 0 0;}

#evaluadores  {position:absolute; top:330px; left:8.2%; margin-right:-1px;width:268px; height:36px; background: url("http://historiapolitica.com/img/evald.gif") no-repeat 0 0;text-indent: -9999px;}
#evaluadores:hover {background: url("http://historiapolitica.com/img/evals.gif") no-repeat 0 0;}




#info {position:absolute; top:180px; right:13.2%;width:268px; height:36px; background: url("http://historiapolitica.com/img/infod.gif") no-repeat 0 0;text-indent: -9999px;}
#info:hover {background: url("http://historiapolitica.com/img/infoR.gif") no-repeat 0 0;}
#frec    {position:absolute; top:230px;    right:13.2%; width:268px; height:36px; background: url("http://historiapolitica.com/img/frecd.gif") no-repeat 0 0;text-indent: -9999px;}
#frec:hover {background: url("http://historiapolitica.com/img/frecR.gif") no-repeat 0 0;}
#archivo  {position:absolute; top:280px; right:13.2%; width:268px; height:36px; background: url("http://historiapolitica.com/img/archivod.gif") no-repeat 0 0;text-indent: -9999px;}
#archivo:hover {background: url("http://historiapolitica.com/img/archivoR.gif") no-repeat 0 0;}
#listaaut  {position:absolute; top:330px; right:13.2%; width:268px; height:36px; background: url("http://historiapolitica.com/img/listaaut.gif") no-repeat 0 0;text-indent: -9999px;}
#listaaut:hover {background: url("http://historiapolitica.com/img/listaautR.gif") no-repeat 0 0;}


img#numero  { top:-360px; left:32.6%;}

.home_centrado {text-align:center; margin-top:20px;}
.contenedor1   { position:relative; top:-490px; bottom:0px; margin-bottom:4px; border-collapse:collapse; /* etc. */ }

#botonatras {position:absolute;top:500px;left:82%; margin-right:-1px;width:39px; height:28px; background: url("http://historiapolitica.com/img/atras.gif") no-repeat 0 0;text-indent: -9999px;}
* html #botonatras {position: absolute; top:500px; left:80%; margin-right:-1px;width:39px; height:28px; background: url("http://historiapolitica.com/img/atras.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE6 */
*+html #botonatras {position: absolute; top:500px; left:80%; margin-right:-1px;width:39px; height:28px; background: url("http://historiapolitica.com/img/atras.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE7 */
#botonatras {position: absolute; top:500px; left:8\0/%; margin-right:-1px;width:39px; height:28px; background: url("http://historiapolitica.com/img/atras.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE8, going last */

#botonhome {position:absolute;top:500px;left:86.4%; margin-right:-1px;width:97px; height:28px; background: url("http://historiapolitica.com/img/homep.gif") no-repeat 0 0;text-indent: -9999px;}
* html #botonhome { position:absolute;top:500px; left:84.9%; margin-right:-1px;width:97px; height:28px; background: url("http://historiapolitica.com/img/homep.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE6 */
*+html #botonhome { position:absolute;top:500px; left:84.9%; margin-right:-1px;width:97px; height:28px; background: url("http://historiapolitica.com/img/homep.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE7 */
#botonhome {position:absolute;top:500px; left:8\4/.9%; margin-right:-1px;width:97px; height:28px; background: url("http://historiapolitica.com/img/homep.gif") no-repeat 0 0;text-indent: -9999px;} /* for IE8, going last */


/*------------------- menúes de archivo ----------------*/

.menu1 {
width: 100%;
margin: 1em 0px 1em 50px;
padding: 0px 0.5em;
}
.menu1 ul {
margin: 0px;
padding: 0px;
list-style-type: none !important;
}
.menu1 li{
margin: 0px;
padding: 0px;
float: left;
padding-right: 1em;
}

.limpia {
  clear: both;
}

/*------------------- arabesco centrado --------------------*/

.cajaboletin {
 width:670px;
 padding-right:20px;
 padding-left:50px;
 padding-top:50px;
 text-align: justify;
}

.arabesco {
  text-align: center;
  margin-top: 25px;
  padding-top: 10px;
}

/*--------------------- menu lateral ---------------------*/

.menu2 { position: absolute; left: 76.5%; /*width: 100%;*/ margin: 4em 0px; padding: 0px 0em;}
* html .menu2 { position: absolute; left: 76.5%; /*width: 100%;*/ margin: 4em 0px; padding: 0px 0em;} /* for IE6 */
*+html .menu2 { position: absolute; left: 76.5%; /*width: 100%;*/ margin: 4em 0px; padding: 0px 0em;} /* for IE7 */
.menu2 { position: absolute; left: 7\6/%; /*width: 100%;*/ margin: 4em 0px; padding: 0px 0em;} /* for IE8, going last */

.menu2 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu2 li{
margin: 0px;
padding: -5px;
float: left;
padding-right: 1em;
}

 /*-------------------- nueva home --------------------*/
.box {
  position:relative;
  }
.boxb {
  position:relative;
  font-size: 10px;
  text-align: right;
}
#menu {
  width:200px;
  text-align:center;
  position:relative;
  }
#menu a, #menu a:visited {
  text-decoration:none;
  color:blue;
  display:block;
  width:188px;
  height:16px;
  border:1px solid #fff;
  padding:5px;
}
* html #menu a,
* html #menu a:visited {
  width:200px;
  height:28px;
  w\idth:188px;
  he\ight:16px;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
  border:1px solid blue;
  }
#menu a:hover span.left,
#menu a:hover span.right {
  display:block;
  position:absolute;
  height:0;
  width:0;
  overflow:hidden;
  border-top:8px solid #fff;
  border-bottom:8px solid #fff;
  }
#menu a:hover span.left {
  left:5px;
  top:5px;
  border-left:8px solid #c00;
  }
#menu a:hover span.right {
  left:187px;
  top:5px;
  border-right:8px solid #c00;
  }

* html #menu a:hover span.left,
* html #menu a:hover span.right {
  width:8px;
  height:16px;
  w\idth:0;
  he\ight:0;
  }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	width:980px;
	overflow:hidden; 		/* This chops off any overhanging divs */
    margin:20px auto;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:960px;
    position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {

}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
             border-style:dotted;
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;
    border-style:dotted;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/*----------------------- four rounded corners Stu Nicholls -------------------------*/

dl.curved {background:#7f7f9c url(images/c_tl.gif) top left no-repeat; margin:50px auto 50px auto; padding:0; width:200px;}
dl.curved dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; }

dl.curved1 {background:#7f7f9c url(images/c_tl.gif) top left no-repeat; margin:50px auto 50px auto; padding:0; width:600px;}
dl.curved1 dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved1 dd {background:#eee url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved1 dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved1 dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; }

/*---------------------- Tabla de dossiers - Smashing Magazine -------------------------*/
#tdossier{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;width:600px;border-collapse:collapse;text-align:left;margin:20px;}
#tdossier th{font-size:14px;font-weight:normal;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;}
#tdossier td{border-bottom:1px solid #ccc;color:#669;padding:6px 8px;}
#tdossier tbody tr:hover td{color:#009;}

/*---------------------- Lista de autores -------------------------*/

.tablaestilo {table-layout: fixed;width: 750px}
.colorcol {background-color:#95F98C; width: 20px;text-align:center;}
.anchocol {font-size:.9em; width:180px;border-bottom:1px dotted black; font-weight:bold;}
.nombrecol {font-size:.7em;background-color:#95F98C;text-align:center;}
.bordercol {border-bottom:1px dotted black;width:550px;}

/*----------------- publicidad ---------------------------------*/
.publicidad table {table-layout: auto;border-collapse: collapse; margin-left:90px;]}
.publicidad table td {border-bottom:1px solid #ccc;}

.menuslide a:link {color: red;}
.menuslide a:visited {color: red;}
.menuslide a:hover {color:red;}
.menuslide a:active {color: red;}
/* -------------------- títulos h1 y h2 ----------------------- */
.centrado h1 {font-size:Verdana, Geneva, sans-serif;font-weight:bold;font-size:54px;margin-top:20px;}
.centrado h2 {font-size:Verdana, Geneva, sans-serif;}