/*
Theme Name:Cameron_Moll_Grunge_Mix
Theme URI: http://www.templatemonster.com
Description: centered on page, sidebar on left on all views, header image, light grey background
Version: 2.0
Author: Template Monster
*/

@charset "iso-8859-1";
/* CSS Document */
body  {
	/*background-image:url(images/mainfon.gif);
	background-repeat:repeat;*/
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:76%;
	padding:0;
	margin:0;
	width:100%;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	color:#4D4D4D;
   	min-width:600px;    	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
    behavior: url("http://historiapolitica.com/img/csshover3.htc");
}
img {  border-style: none; }

img hover {
  border-style: dotted;
 }

.main_b{
	width:980px;
    text-align:left;
    margin:0 auto;
	padding:0 14px 0 14px;

}


h2, h3, h4 {
	font-size:.9em;
	color:#0068A4;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	font-weight:bold;
	/*text-transform:uppercase;*/
	padding-left:0px;
}
h3 a, h4 a {
	font-size:.9em;
	color:#0068A4;
	font-family:Tahoma, arial, Times, serif;
	font-weight:bold;
	/*text-transform:uppercase;*/
	text-decoration:none;
	padding-left:0px;
}

h3 a:hover, h4 a:hover {
	color:maroon;
}

.polhis {
	font-size:24px;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	font-weight:bold;
	/*text-transform:uppercase;*/
	padding-left:0px;
    line-height: 1;
}

a {
	color:#9D0B0E;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
    color:maroon;

}
.postmetadataalt {
	font-size:.7em;
}
.pagetitle {
	padding:10px 20px 0px 38px
}
.table_main {
	width:100%;
    height:100%;
	vertical-align:top;
	padding-top:20px;

}
.footer {
clear:both;
float:left;
width:100%;
height:100%;
vertical-align:top;
}

/* agregamos -----------------------*/
.headerone {
   width:960px;
	height:70px;
	vertical-align:top;
	background-color: maroon;
}
.footerone {
	width:880px;
	height:100%;
	vertical-align:top;
}

.derecha {
float:right;
}

.derecha a {
text-decoration:none;
}

.derecha img {
border:0;
}


/*------------------------------------*/

.header {
	clear:both;
	float:left;
	width:980px;
	height:70px;
	vertical-align:top;
	/*background-color: maroon;*/

}


.header_boletin {
   width:980px;
   height:220px;
   vertical-align:top;
   /*background-color: maroon;*/
   background-image:url(images/boletinh.gif);
   background-repeat:no-repeat;
   background-position: top center;
}
.co_name{
	position:relative;
	float:left;
	width:960px;
	padding:20px 0px 0px 100px;
	font-size:.7em;
}
.co_name h1{
	padding:0;
	margin:0;

}
.co_name a{
	padding:0;
	margin:0;
	color:#4990DE;
	text-decoration:none;
	font:28px Verdana,Arial,sans-serif;
}
.search{
	position:relative;
	float:left;
	width:180px;
	vertical-align:top;
	padding:15px 0px 0px 0px;
}
.s_button{
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:1em;
	}
.form {
	font-size:.9em;
	color:#000000;
	border:#7F9DB9 solid 1px;
	font-family:Tahoma, arial, verdana, courier;
	width:125px;
	height:17px;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 3px;
	vertical-align:top;
}
.main {
	width:960px;
	height:100%;
	vertical-align:top;
}
.table {
	width:960px;
	height:100%;
	display:table;
}

.table_row {
	height:100%;
	display:table-row;
	width:960px;
}
.right{
 height:100%;
 vertical-align:top;
 width:820px;
}

.left {
	height:100%;
	vertical-align:top;
	display:table-cell;
	width:200px;
	float: right;
}
.table2 {
	width:820px;
	height:46px;
   /*	display:table;*/
}
.table_row2 {
	height:100%;
/*	display:table-row;*/
	width:820px;
}
.head1 {
	vertical-align:top;
	width:940px;
}
.head_bg {
	width:720px;
	/*background-image:url(images/topicup.gif);
	background-position:left top;
	background-repeat:no-repeat;*/
	padding:10px 0 0 0;
}
.head_txt {
	padding:0px 0px 3px 0px;
	/*background-image:url(images/pr.gif);
	background-position:bottom;
	background-repeat:repeat-x;*/
	color:#4990DE;
	font-size:.9em;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
}
.head_txt h2{
	font-size:1.6em;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	padding:0;
	margin:0;
	font-style:normal;
	text-transform:none;
}
.head_txt a{
	color:#9D0B0E;
	font-size:1.4em;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.head_txt a:hover {
	color:#9D0B0E;
	text-decoration:none;
}
*html .head1 {
	float:left;
}
*html .head2 {
	float:left;
}
.content_txt {
	padding:0 10px 0 0;
    margin-top: 60px;
	line-height:22px;
}

.content_txt h2{
	font-size:1.3em;
}
.content_txt strong {
	/*font-size:1.4em; 	*/
	/*color:#9D0B0E;*/
}
.content_txt a {
	font-size:1.4em;
	text-decoration:none;
	color: #284058;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
}

.contexto img {
         border:0;
}
.content_txt a:hover {
	text-decoration:none;
}

/*agregado------------------*/

.centrado {
	text-align: center;
    }
.google {
         margin-left:210px;

  }

/*---------------------------*/

.content_more {
	position:relative;
	float:right;
	margin-right:4px;
	padding:5px 0px 20px 0px;
	color:#9D0B0E;
	font-size:1.4em;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	background-image:url(images/pr.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.content_more a {
	text-decoration:none;
	color:#9D0B0E;
}
.content_more a:hover{
	text-decoration:none;
}
.content_txt ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.content_txt li {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(images/arr.gif) left center no-repeat;
	vertical-align:top;
	line-height:15px;
}
.content_txt ul li a {
	text-decoration:none;
	font-size:1.2em;
	color:#9D0B0E;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	padding:0px 0px 0px 11px;
}
.content_txt li a:hover {
	text-decoration:none;
}

/* ------------- agregado para paginas -------*/
.rightone{
	height:100%;
	vertical-align:top;
	display:table-cell;
	width:610px;
	float: left;
}

*html .left {
	float:right;
}
*html .right {
	float:left;
}
/*------------- agregamos--------*/
*html .rightone {
	float:right;
}

.footer_txt {
	vertical-align:top;
	padding:10px 0 20px 0px;
	margin-top:10px;
	font-size:.8em;
	text-align: right;
	color:blue;
	font-family:Georgia, Verdana, Arial, helvetica, sans-serif;
	background-image:url(images/footer_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.footer_txt a {
	text-decoration:none;
	color:#9D0B0E;
}
.footer_txt a:hover {
	text-decoration:none;
}
.alignleft{
	float:left;
	padding-bottom:10px;
}
.alignright{
	float:right;
	padding-bottom:10px;
}
/*sidebar*/
.widget_style h2{
	padding:0;
	margin:0;
	color:#9D0B0E;
}
.right_head{
	background:url(images/head_bg.gif) left top no-repeat;
	width:191px;
	height:24px;
	width:176px;
	padding:10px 0 0 15px;
}
.widget_style{
	background-image:url(images/links_bg.gif);
	margin-bottom:5px;
	width:191px;
	color:#000000;
}
.right_bg{
	background:url(images/bottom_bg.gif) left bottom no-repeat;
	width:191px;
}
.widget_style ul{
	padding:5px 0 10px 20px;
	margin:0 0 0 0;
}
.widget_style li{
	list-style:none;
	background-image: url(images/arrowp.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 1.5em;
	padding:0 0px 0 25px;
	margin:0;
	padding-bottom: 10px;
	font-size: .8em;
}
.widget_style ul li a{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
.widget_style ul li a:hover{
	text-decoration:none;
}
/*calendar*/
#calendar_wrap{
	text-align:center;
	width:191px;
	margin:0px auto;
}
#wp-calendar{
	margin:0px auto;
}
#wp-calendar caption{
	text-align:center;
	margin:0px auto;
}



.right_top{
		background-image:url(images/links_bg.gif);
		width:191px;
		margin-bottom:5px;
}



.top_line{
	background:url(images/head.jpg) no-repeat;
	font-size:0;
	height:4px;
}
.bottom{
	background:url(images/bottom.gif) no-repeat;
	min-height:5px;
	font-size:0;
	height:0;
}

.right_top ul{
	padding:5px 0 10px 20px;
	margin:0 0 0 0;
}
.right_top li{
	list-style:none;
	padding:0 0 0 5px;
	margin:0;
}
.right_top ul li a{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
.right_top	 ul li a:hover{
		text-decoration:none;
}

/*sidebar*/
.right_top h2{
	padding:0;
	margin:0;
	color:#9D0B0E;
	padding-left:15px;
	padding-bottom:7px;
	background:url(images/dashed.gif) no-repeat 10px 18px;
}
.test ul{
background-image:url(images/links_bg.gif);
}



/* agregamos */
/* ---------------------------
-------------------------------------------
*/


/* esto es para pagina one*/

#primera {

			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: #fff;
			padding: 0px;
			float:left;
			width: 900px;
			/*display: inline;*/
			height: auto;
			padding-left: 0px;
			padding-left: 40px;

}


/* para enumerar*/
/*-----------------------------------*/

.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;
}

.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: 10; 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:5.7%; 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:5.7%; 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:5.7%; 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;}
#info {position:absolute; top:180px; right:7.6%;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:7.6%; 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:7.6%; 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;}
img#numero  { top:-355px; left:32.6%;}

.contenedor1   { position:relative; top:-470px; bottom:0px; margin-bottom:4px; border-collapse:collapse; /* etc. */ }

#botonatras {position:absolute;top:500px;left:85%; 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:83%; 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:83%; 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\3/%; 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:89%; 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:87.5%; 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:87.5%; 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\7/.5%; 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;
}
.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:960px;
	overflow:hidden; 		/* This chops off any overhanging divs */
    margin:20px auto;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:940px;
    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; }