/* CSS Document */
#firmas{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:0;

}

	#firmas h2{
		width:92%;
		height:auto;
		float:left;
		margin:5px 0 5px 15px;
		padding:0;
		color:#151515;
		font-size:18px;
		font-style:italic;
		font-weight: 500;
	}
	#firmas ul{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#firmas ul li{
			width:95%;
			height:auto;
			float:left;
			margin:0 0 0 0;
			padding:10px 0 5px 15px;
			position:relative;
			border-bottom:1px solid #bfbeb6;
		}
			/*#firmas ul li.color1{
				background:#f4f2e6;	
			}
			#firmas ul li.color2{
				background:#e6e4d9;	
			}*/
	
			#firmas ul li a{
				width:75%;
				height:auto;
				float:left;
				margin:0 0 8px 0;
				padding:0;
				color:#7b191a;
				font-size:16px;
				text-transform:uppercase;
				font-weight:bold;
			}
			#firmas ul li p{
				width:65%;
				height:auto;
				float:left;
				margin:0;
				padding:0;
				color:#504f4e;
				font-size:16px;
			}
			#firmas ul li p.resumen{
				width:65%;
				height:auto;
				float:left;
				margin:2px 0 0 0;
				padding:0;
				color:#444444;
				font-size:13px;
				/*font-weight:bold;*/
				font-style:italic;
			}
			#firmas ul li div.imagen{
				width:35%;
				height:auto;
				position:absolute;
				bottom:0;
				right:0;
				margin:0;
				padding:0;
			}
				#firmas ul li div.imagen img{
					float:right;
					width:68px;
				}
				
/******************************************************** LISTADO FIRMAS *************************************************/

#firmas_seccion{
	width:98%;
	height:auto;
	float:left;
	margin:0 0 0 2%;
	padding:0;
}
	#firmas_seccion h2{
		width:98%;
		height:auto;
		float:left;
		margin:0;
		padding:3px 0 3px 2%;
		font-size:19px;
		color:#666;	
		z-index:1000;
		position:relative;
		background:#eee;
		border-left:5px solid #970308;
		font-weight:normal;
	}
	#firmas_seccion ul{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#firmas_seccion ul li{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 0 0;
			padding:10px 0 10px 0;
			position:relative;
			border-bottom:1px solid #bfbeb6;
		}
	
			#firmas_seccion ul li p.titulo{
				width:90%;
				height:auto;
				float:left;
				margin:0 0 0 0;
				padding:0;
				color:#7b191a;
				font-size:16px;
				text-transform:uppercase;
				font-weight:bold;
			}
			#firmas_seccion ul li p.nombre{
				width:auto;
				height:auto;
				float:left;
				margin:0 10px 0 0;
				padding:0;
				color:#504f4e;
				font-size:14px;
			}
			#firmas_seccion ul li p.fecha{
				width:auto;
				height:auto;
				float:left;
				margin:0;
				padding:2px 0 0 0;
				color:#504f4e;
				font-size:12px;
			}
			#firmas_seccion ul li a{
				clear:both;
				width:80%;
				height:auto;
				float:left;
				margin:5px 0 5px 0;
				padding:0;
				color:#222222;
				font-size:19px;
				font-weight:bold;
				font-style:italic;
			}
			#firmas_seccion ul li a.leer_mas{
				color:#7b191a;
				font-size:12px;
			}
			#firmas_seccion ul li span.articulo{
				width:100%;
				height:auto;
				float:left;
				margin:10px 0 8px 0;
				padding:0;
				color:#222222;
				font-size:19px;
				font-weight:bold;
				font-style:italic;
			}
			#firmas_seccion ul li div.contenido{
				width:79%;
				height:auto;
				float:left;
				margin:0;
				padding:0;
				color:#444444;
				font-size:13px;
			}

			#firmas_seccion ul li div.imagen{
				width:20%;
				height:auto;
				position:absolute;
				bottom:0;
				right:0;
				margin:0;
				padding:0;
			}
				#firmas_seccion ul li div.imagen img{
					float:right;
				}

/******************************************************** FICHA ARTICULO *************************************************/

#firmas_articulo{
	width:98%;
	height:auto;
	float:left;
	margin:0 0 0 2%;
	padding:0;
}
	#firmas_articulo div.imagen_blog{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 0 0;
		padding:0 0 10px 0;
	}
		#firmas_articulo div.imagen_blog img{
			width:100%;
		}
	
	#firmas_articulo h2{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 5px 0;
		padding:0 0 10px 0;
		color:#151515;
		font-size:18px;
		font-style:italic;
		background:url(../img/fondo_h2.png) repeat-x bottom left;
	}
	
	#firmas_articulo .datos{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 18px 0;
		padding:7px 0 7px 0;
		border-bottom:1px solid #d1d1d1;
		border-top:1px solid #d1d1d1;
	}
			
		#firmas_articulo p.nombre{
			width:auto;
			height:auto;
			float:left;
			margin:0 8px 0 0;
			padding:0;
			color:#666666;
			font-size:12px;
			font-weight:bold;
		}
		#firmas_articulo p.twitter{
			width:auto;
			height:auto;
			float:left;
			margin:-3px 0 0 0;
			padding:1px 6px 0 0px;
			font-size:11px;
			font-weight:bold;
			color:#666666;
		}
		#firmas_articulo p.fecha{
			width:auto;
			height:auto;
			float:left;
			margin:0;
			padding:2px 3px 2px 5px;
			border-left:1px dotted #d1d1d1;
			font-size:11px;
			font-weight:bold;
			color:#666666;
		}
		#firmas_articulo p.hora{
			width:auto;
			height:auto;
			float:left;
			margin:0;
			padding:2px 3px 2px 5px;
			border-right:1px dotted #d1d1d1;
			font-size:11px;
			font-weight:normal;
			color:#666666;
		}
		#firmas_articulo span.articulo{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 8px 0;
			padding:0;
			color:#222222;
			font-size:32px;
			line-height:32px;
			font-weight:bold;
		}
		#firmas_articulo div.contenido{
			width:79%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			color:#222222;
			font-size:14px;
			line-height:20px;
		}


/******************************************************** FICHA AUTOR *************************************************/
#autor{
	width:90%;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:5%;
	background:url(../img/fondo_firmas.png) repeat-x top left #f4f2e6;
	position:relative;
}
	#autor p.ficha{
		width:65%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		color:#504f4e;
		font-size:12px;
		line-height:18px;
	}
	#autor div.imagen{
		width:35%;
		height:auto;
		float:right;
		position:absolute;
		right:0;
		bottom:0;
	}
		#autor div.imagen img{	
			float:right;	
		}
		
/******************************************************** ARCHIVO *************************************************/
#archivo{
	width:90%;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:3% 5% 3% 5%;
	border-top:1px solid #d1d1d1;
}
	#archivo p.ficha{
		width:65%;
		height:auto;
		float:left;
		margin:0 0 10px 0;
		padding:0;
		color:#7b191a;
		font-size:16px;
		font-style:italic;
	}
	#archivo ul{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#archivo ul li{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 8px 0;
			padding:0;
		}
			#archivo ul li a{
				width:90%;
				height:auto;
				float:left;
				margin:0;
				padding:0 0 0 5%;
				background:url(../img/fondo_archivo.png) left no-repeat;
				color:#444444;
				font-size:12px;
				text-transform:lowercase;
			}