/* CSS Document */

h2 {
	font: bold 18px/150% Georgia, "Times New Roman", Times, serif;
}

.destacado {
	width: 40%;
	float: left;
	border: 1px solid #fc0;
	padding: 10px;
	margin: 0 8px 6px 0;
	font: 10px/130% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF9DD;
}

img {
	float: left;
	width: 60%;
	max-width: 390px;
	margin-right: 1em;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.imagen_a_tope {
	width: 100%;
}

.blog h1 {
	text-transform: uppercase;
	font: bold 18px "Times New Roman", Times, serif;
	margin: 1em 0;
	color: #333;
}

.blog h2 {
	font: bold 12px/130% Arial, Helvetica, sans-serif;
	margin: -1em 0 1em;
	color: #333;
}

.blog p {
	line-height: 130%;
}

.blog strong {
	color: #666;
}

#mainContent div.img_caption, #mainContentTotal div.img_caption {
	width: 60%;
	max-width: 390px;
}

#mainContent div.right, #mainContentTotal div.right {
	margin-left: 1.5em;
	float: right;
}

#mainContent div.left, #mainContentTotal div.left {
	margin-right: 1.5em;
	float: left;
}

#mainContent img.right, #mainContentTotal img.right {
	padding-left: 1.5em;
}

#mainContent img.left, #mainContentTotal img.left {
	padding-right: 1.5em;
}

div.img_caption img {
	float: none;
	width: 100%;
}

#mainContent .img_caption p, #mainContentTotal .img_caption p {
	font: 10px/110% Arial, Helvetica, sans-serif;
}

span.leading_separator, span.article_separator {
	display: block;
	background: url(../images/separador.png) center center no-repeat;
	height: 6em;
	line-height: 6em;
	/*margin: 2em 0;*/
	float: none;
	clear: both;
}

.blog p.iteminfo {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: -1.5em;
	border-bottom: 1px none #ccc;
	color: #555;
}

span.createdby {
	font-weight: bold;
	padding-right: 6px;
}

span.createdate {
	text-transform: lowercase;
}

.capitular {
	float:left;
	color:#666;
	font: normal 48px/38px "Times New Roman", Times, serif;
	padding: 0 3px 0 0;
}

p.separador {
	text-align: center;
	line-height: 18px;
	margin: 3em 0;
	/*background: url(../images/separador.png) top center no-repeat;*/
}

#mainContent .separador img {
	border: 1px none #000;
	width: 160px;
	height: 18px;
	float: none;
}