/*
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:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	color:#4D4D4D;	
}
.main_b{
	width:784px;
	text-align:left;
	padding:0 14px 0 14px;
	background-image:url(images/main_bg.gif);	
}

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


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:784px;
	height:100%;
	vertical-align:top;
	padding-top:20px;	
}
.footer {	
	width:784px;
	height:100%;
	vertical-align:top;	
}

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

.derecha {
float:right;
}

.derecha a {
text-decoration:none;
}

.derecha img {
border:0;
}


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

.header {
   width:792px;
	height:70px;
	vertical-align:top;	
	/*background-color: maroon;*/
	background-image:url(images/logot.jpg);
	background-repeat:no-repeat;	
	background-position: top left;
}

.co_name{
	position:relative;
	float:left;
	width:565px;
	padding:20px 0px 0px 20px;
	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:194px;
	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:784px;
	height:100%;
	vertical-align:top;	
}
.table {	
	width:784px;
	height:100%;
	display:table;
}
.table_row {
	height:100%;
	display:table-row;	
	width:784px;
}
.left {
	height:100%;
	vertical-align:top;
	display:table-cell;	
	width:200px;	
	float: right;
}
.table2 {
	width:219px;
	height:46px;
	display:table;	
}
.table_row2 {
	height:100%;
	display:table-row;	
	width:200px;
}
.head1 {	
	vertical-align:top;
	display:table-cell;
	width:575px;		
}
.head_bg {	
	width:575px;
	/*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;
	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;
}
/*---------------------------*/

.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;
}
.right{
	height:100%;
	vertical-align:top;
	display:table-cell;	
	width:484px;	
}
/* ------------- agregado para paginas -------*/
.rightone{
	height:100%;
	vertical-align:top;
	display:table-cell;	
	width:584px;	
	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: 690px;
			/*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: 544px;
} 

.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: 534px;
}

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

	}

#navbar li, #navbar a, #navbar span, #navbar strong {
display:inline;
	}

#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:.9em;
}
.muypeq {
font-size:.765em;
}


/*----------- grande para menu -------------------*/
.gran_de a:hover {
color:maroon;
font-weight:bold;
font-size:1.2em;
}
/*------------------ lista menu -------------------*/
.listamenu ul {
        list-style-type: none;
 } 

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

/*------------------ 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;
}

.galeria li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 175px;
        float: left;
        margin: 20px;
        text-align: center;
        font-size: 0.8em;
	}