body {
	
}
#contenido {
    padding-top: 35px;
    position: relative;
}
#contenidoEvento{
	position: relative;
	margin: 0px 15px 0px 10px;
}
#datosGenerales {
    border-bottom: 1px dashed #DDDDDD;
    font-size: 0.6em;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
   /* height: 110px;*/
    /*background-color:#072331;*/
}
#listaEventos{
	position: relative;
	width: 600px;
	margin: 10px 0px 10px 10px;
	border-right: 1px dotted #CCCCCC;
}
#datosEvento{
	width: 580px;
	position: relative;
	border-bottom: 2px solid #EEEEEE;
}
#datosE{
	width:550px;
	/*height:120px;*/
	padding: 5px 5px 5px 0px;
	
	position: relative;
}
#datosEvento:hover{
	padding: 7px 5px;
	margin: 0px 0px 5px 0px;
	border:0px;
	background-color: #F5F5F5;
	box-shadow: 3px 5px 17px #555;
	-moz-box-shadow: 3px 5px 17px #555;
	-webkit-box-shadow: 3px 5px 17px #555;
}
.tituloEvento{
    color: #444444;
    font-size: 1.13em;
    margin: 3px 0px 8px 0px;
}
#datosEvento:hover .tituloEvento{
	color: #111111;
}
.desEvento{
	color: #888888;
	font-size: 0.9em;
}
#datosEvento:hover .desEvento{
	color: #555555;
}
.pieEvento{
	margin: 5px 0px 5px 0px;
	color: #AAAAAA;
	font-size: 0.7em;
	font-style: italic;
}
#datosEvento:hover .pieEvento{
	color: #888888;
}
.flechas{
	height: 100%;
	width: 36px;
	background-color: #DFDFDF;
	position: absolute;
	right: 0px;
	top:0px;
	visibility: hidden;
}
.flechas img{
	border: 0px;
}
#datosEvento:hover .flechas{
	visibility: visible;
}
.centrar{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left:3px;
}
#paginacion2{
	width:580px;
	height:40px;
	position: relative;
	margin: 10px 0px;
}
#paginacion2 li{
	list-style: none;
	float: left;
}
#paginacion2 li a{
	display: block;
	width:0.7em;
	text-align:center;
	padding: 3px 10px 3px 10px;
	margin:0px 2px;
	border: 1px #CCCCCC solid;
	color: #CCCCCC;
	font-size: 0.9em;
} 
#paginacion2 li a:hover{
	border: 1px #000000 solid;
	color: #000000;
	font-size: 1.1em;
}
#paginacion2 #resaltado, #paginacion2 #resaltado:hover{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
}
/*estlios para los articulos*/
#contenidoArticulo{
	position:relative;
	min-height: 400px;
}
#textoArticulo{
	width:550px;
	position: relative;
	margin: 10px 15px 25px 15px;
	overflow: hidden;
}
#textoArticulo2{
	width:920px;
	position: relative;
	margin: 10px 15px 25px 15px;
	overflow: hidden;
}
#textoArticulo #parrafoA, #textoArticulo2 #parrafoA{
	font: 0.8em/1.5em Arial,"Lucida Grande",Verdana,Helvetica;
	text-align: justify;
	color:#444444;
}
#textoArticulo table, #textoArticulo2 table{
	font: 0.8em/1.2em Arial,"Lucida Grande",Verdana,Helvetica;
	text-align: left;
	color:#444444;
}
#textoArticulo td, #textoArticulo2 td{
	padding: 2px 4px;
}
/*Estilos para las imagenes*/
#imagenA{
	float: right;
	width: 300px;
	padding: 10px;
	margin-left:12px;
	border: 1px solid #CCCCCC;
}
#pieImagen{
	width: 282px;
	margin-left: 8px;
	font-size:0.7em;
	font-style: italic;
}
#imagenA2{
	position:relative;
	width: 300px;
	padding: 8px 8px 25px 8px;
	margin:0px auto;
	border: 1px solid #CCCCCC;
}
#imagenA img, #imagenA2 img{
	position:relative;
	width: 300px;
}
#nombreA{
	position: absolute;
	top:3px;
	left: 10px;
	width: 830px;
}
#nombreA2{
	position: absolute;
	top:11px;
	left: 10px;
	width: 830px;
}
#nombreA p, #nombreA2 p{
	font: 2.6em/1.2em Arial,"Lucida Grande",Verdana,Helvetica;
	margin: 5px 0px 15px 0px;
	color: #FFFFFF;
}
#fechaA{
	position: absolute;
	bottom:10px;
	left: 10px;
	width: 400px;
}
#fechaA p{
	font: 1.3em/1.1em Arial,"Lucida Grande",Verdana,Helvetica;
	font-style: italic;
	margin: 5px 0px 15px 0px;
	color: #EEEEEE;
}
#primerP{
	text-align: justify;
	margin-bottom: 20px;
	font: 0.96em/1.25em Arial,"Lucida Grande",Verdana,Helvetica;
	font-style:italic;
	color: #777777;
}