body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #CCC;
	background: #000 url(../img/main_bg.jpg) top repeat-x;
}

a:link, a:visited { 
	color: #f5ea01; 
	text-decoration: none; 
	font-weight: bold; 
} 
a:active, a:hover { 
	color: #f5ea01; 
	text-decoration: underline; 
}

p {
	margin: 0px;
	padding: 0px;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_divider {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;	
	border-bottom: 1px dotted #ffffff;
}

.comment {
	padding-left: 20px;
	margin-left: 5px;
	background: url(../img/User.png) 1px 30% no-repeat;
}

/* content and header panel */
#header_panel {
	clear: both;
	width:100%;
    height: 258px;
	margin: 0 auto;
	background: #000000 url(../img/indicios.png) top center no-repeat; 
}

#header_panel #header_section{
	clear: both;
	width: 960px;
	height: 293px;
	margin: 0 auto;

}

#header_section #title_section{
	font-size: 55px;
	padding: 130px 0 10px 10px;
	color: #f5ea01;
}

#header_section #tagline {
	padding: 20px 0 0 165px;
	font-size: 25px;
	color: #6b5927;
}

/* end of header */

/* menu */
#menu_panel{
	clear: both;	
	width:100%;
	height: 47px;	
	margin: 0 auto;
	margin-bottom: 10px;
	color: #ffffff;
	background: #000000 url(../img/menu_bg_repeat.jpg) repeat-x;
}

#menu_panel #menu_section{
	width: 930px;
	height: 47px;	
	margin:0 auto;
	padding: 0 0 0 170px;
	color: #03a0a6;
	background:  url(../img/menu_bg.jpg) no-repeat;	
}

#menu_section ul {
	float: left;
	width: 930px;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#menu_section ul li {
	display: inline;
}

#menu_section ul li a{
	float: left;
	width: 110px;
	padding: 2px 0;
	margin-right: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/*color: #99930d;*/
    color: #000000;
	border-right: 2px solid #333;	
}

#menu_section li a:hover, #menu_section li .current{
	/*color: #f5ea01;*/
    color: #ffffff;
}

#menu_section li .last {
	border-right: none;
}
/* end of menu */

/* content */

#content {
	clear: both;
	width: 960px;
	margin: 0 auto;
}

#content_column_one {
	float: left;
	width: 178px;
	border: 1px solid #666666;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	background: #4d4d4d url(../img/lateral.jpg) top center no-repeat;
}

#content_column_two {
	float: left;
	width: 460px;
	margin: 0 0 0 10px;
	padding: 0;	
}

#content_column_three {
	float: left;
	width: 278px;
	padding: 10px 0 10px 0;	
	margin: 0 0 0 10px;	
	border: 1px solid #312f2b;
	background: #181714;
}

/* column one */

#content_column_one .column_one_section {
	clear: both;
	margin: 0px 10px;
}

#content_column_one h1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #ffffff;
	border-bottom: 1px dotted #000;
}

#content_column_one .cleaner_with_divider {
	margin: 0 0 20px 0;	
}

#content_column_one ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content_column_one li {
	margin: 0px;
	padding: 0 0 5px 0;	
}
#content_column_one a{
	color: #b3b3b3;
}

/* end of column one */
/* column two */

#content_column_two .column_two_section {
	clear: both;
	width: 418px;
	padding: 20px;	
	margin-bottom: 10px;
	border: 1px solid #312f2b;
	background: #181714 url(../img/central.jpg) top right no-repeat;	
}

#content_column_two h1 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	color: #f5ea01;
	border-bottom: 1px dotted #f5ea01;
}

#content_column_two p{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#content_column_two img {
	border: 5px solid #2e2d29;
	margin-bottom: 15px;
}

#content_column_two img#no-frame {
	border: 0px solid #2e2d29;
	margin-bottom: 0px;
}

#content_column_two .post_info {
	margin: 0 0 20px 0;
	color: #fff;
}

#content_column_two .post_info a{
	color: #f5ea01;
	font-weight: normal;
}

#content_column_two .post_comment {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding: 10px 0 0 0;
}
/* end of column one */

/* column one */
#content_column_three .column_three_section {
	clear: both;
	margin: 0px 10px;
	padding: 10px 0;
}

#content_column_three .cleaner_with_divider {
	padding: 0px;
	margin: 0px;	
}

#content_column_three h1 {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dotted #FFF;
}

#content_column_three a{
	font-weight: normal;
}

#content_column_three ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#content_column_three li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;	
}

.column_three_section .popular_post {
	list-style: none;
	margin: 0;
	padding: 0;
}
.column_three_section .popular_post li{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #22250e;
}
/* end of column one */

/* for bottom palen */
#bottom_panel{
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 20px 0;
	background: url(../img/bottom_panel_bg.jpg) top center;	
}

#bottom_panel .bottom_panel_section {
	margin-left: 10px;
	width: 550px;
	margin-bottom: 20px;
}

.bottom_panel_section h1 {
	color: #f2e304;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.bottom_panel_section p{
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* end of bottom */

/* Columna Izquierda - Acordion */
#accordion ul#archive {margin:15px 0; padding:0; list-style:none;}
#accordion ul#archive li {margin:0; padding:0; solid #E0E8FA;}
#accordion ul#archive li a {display:block; padding:3px 0 3px 22px; 5px 50% no-repeat; text-decoration:none;}
#accordion ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
#accordion ul#archive li#archive-active a {background:#E0E8FA 5px 6px no-repeat; font-weight:bold;}
#accordion h3 {display:block; padding:3px 0 3px 22px; background:#E0E8FA url("../img/MenuItem.png") 5px 50% no-repeat; text-decoration:none;}

/*Columna Derecha - Nuevas Obras*/
#nuevas ul#obras li a {display:block; padding:0px 0px 3px 40px; background:url("../img/Add.png") 5px 50% no-repeat; text-decoration:none;}

/*Tabla*/
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #838b8b; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #838b8b; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#838b8b; text-align:center; color:#838b8b ; font-weight:bold;}

/*Efecto Historia General*/
.toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; }
#effect {position: relative;  width: 170px;  padding: 1em;  font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
#effect.newClass { text-indent: 20px; letter-spacing: .3em; width: 340px; height: 30px; padding: 20px; margin: 15px; font-size: 1.6em; }
#effect2 {position: relative;  width: 170px;  padding: 1em;  font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
#effect2.newClass { text-indent: 20px; letter-spacing: .2em; width: 340px; height: 30px; padding: 20px; margin: 15px; font-size: 1.6em; }