@font-face {
font-family: 'TradeGothicLTStdBold';
src: url('tradegothicltstd-bold-webfont.eot');
src: url('tradegothicltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('tradegothicltstd-bold-webfont.woff') format('woff'),
url('tradegothicltstd-bold-webfont.ttf') format('truetype'),
url('tradegothicltstd-bold-webfont.svg#TradeGothicLTStdBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TradeGothicLTStdCnNo';
src: url('tradegothicltstd-cn18-webfont.eot');
src: url('tradegothicltstd-cn18-webfont.eot?#iefix') format('embedded-opentype'),
url('tradegothicltstd-cn18-webfont.woff') format('woff'),
url('tradegothicltstd-cn18-webfont.ttf') format('truetype'),
url('tradegothicltstd-cn18-webfont.svg#TradeGothicLTStdCnNo.18') format('svg');
font-weight: normal;
font-style: normal;
} 

body {
	margin:0;
	padding:0;
	font-family:'TradeGothicLTStdCnNo',Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	text-align:center;
}
a,a:visited,a:link{ color:#000; text-decoration:none; }
a:hover{ text-decoration:underline;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{
	font-family:'TradeGothicLTStdBold', Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0;
}
h1{
	font-size:1.8em;
	padding-bottom:10px;
	border-bottom:3px solid #000;
	margin-bottom: 10px;
}
p{ margin:0; padding-bottom:5px;}
#pagina {
	text-align:left;
	width:960px;
	margin:20px auto;
}
#header {
	width:100%;
	height:190px;
}
#logo {
	width:175px;
}
#menu {
	width:100%;
	height: 30px;
	margin-top:20px;
	background-color: #f4f4f4;
}
ul#MenuBar{ list-style:none; padding:10px 0; margin:0;}
ul#MenuBar li{ display:inline; font-family: 'TradeGothicLTStdBold',Arial,Helvetica,sans-serif;
    font-size: 12px; }
ul#MenuBar li a{ padding:10px 15px; }
ul#MenuBar li a:hover,
ul#MenuBar li a:hover,a.activo{ color:#fff; background-color:#000; text-decoration:none; }
#main {
	width:100%;
	margin-top:20px;
}
#footer {
	width:100%;
	margin: 20px 0;
	font-size: 11px;
	text-align: CENTER;
	padding: 10px 0;
	border-top:3px solid #000;
}
#hormigas {
	font-size:11px;
	color:#666;
	padding:5px 0;
	margin-top:10px;
}
#revista {
	float:right;
	width:520px;
	text-align:right;
}
#mainInfo{
	margin-right:550px;
}

#mainInfo ul{
	list-style:none;
	margin: 10px 0;
	padding: 0;
}
#mainInfo ul li{
	margin-bottom:10px;
	color:#000;
}
#mainInfo ul li span {
	display:block;
	background:url(../img/ico-flecha-in.gif) no-repeat left 0.30em;
	padding-left:18px;
}
#mainInfo ul li span span{ display:block; background:none; padding:0; font-size:12px;}
#mainInfo h2{
	font-size:1.3em;
	color:#333;
}
#mainInfo h3 {
	padding-top:10px;
	font-size:14px;
}

#mainInfo p#fecha{
	color:#666;
}

span.autor{ color:#333;}

#mainInfo #nactual{
	margin-bottom:10px;
	font-size:1.5em;
	padding-bottom:5px;
	border-bottom:1px dashed #333;
}

.itemArchivo{ margin-bottom:10px; padding:bottom:10px; border-bottom:1px dashed #666;}
.itemArchivo span.fecha,
.itemArchivo .documentos{ font-family:'TradeGothicLTStdCnNo',Arial, Helvetica, sans-serif; }
.itemArchivo { font-family:'TradeGothicLTStdBold', Arial, Helvetica, sans-serif;}
/*******************************************************************/
#destacado{ float:right; width:200px; background-color: #f4f4f4; font-size: 0.9em; border: 1px dashed #cccccc;}
#destacado p{	padding:10px;}
#destacado #documentos{ margin-left:10px; }
#destacado a,#destacado a:link,#destacado a:visited{ color:#000;}
#destacado a:hover{ text-decoration:underline;}


#main #entrada{
	width:555px; font-size:18px;
}

#main #mainContent{  width:100%; margin-top:10px; }
#main #mainContent #contenido{ float:left; width:555px; line-height:16px; }
#main #mainContent #contenido p{	margin-bottom:15px; }
#main #mainContent #contenido span.mpl{ color:#333; font-weight:bold;}
#destacadort{ margin-left:575px;}
 #destacadort #box{ font-size: 12px;  padding: 10px; border-style:solid; border-width:1px; }
 #destacadort #resaltado{ font-size: 12px;  padding: 10px; text-align:left;font-weight: bold;}
 #destacadort  .bqs{
	background-color: #A8960A;
	border-color:#7C6D07;
	color: #fff;
}
 #destacadort  .bc{
	background-color:#BCD2E9;
	border-color:#369;
	color: #000;
}
#destacadort  .bcc{
	background-color: #f4f4f4;
	border-color:#ccc;
	color: #000;
}
 #destacadort  .bca{
	background-color: #CF6;
	border-color:#CF0;
	color: #000;
}
 #destacadort  .bf{
	background-color:#FC0;
	border-color:#F90;
	color: #000;
}
 #destacadort  .rqs{  color: #A8960A; }
#main #mainContent h3.bcc{
	color:#F60;
	border-bottom:1px dashed #999;
	width: 70%;
	padding-bottom: 5px;
}
#main #mainContent h3.bca{
	color:#7EA800;
	border-bottom:1px dashed #999;
	width: 70%;
	padding-bottom: 5px;
}

#main #mainContent #destacadort a:hover{ text-decoration:underline;}

#mainContent ul{
	list-style:none;
	margin: 10px 0;
	padding: 0;
}
#mainContent ul li{ margin-bottom:10px;}
#mainContent ul li span { display:block; padding-left:18px; }
#mainContent ul.cc{
	width:70%;
}
#mainContent ul.cc li span {
	background:url(../img/ico-flecha-in_orange.gif) no-repeat left 0.30em;
	color:#333;
}

#main #mainContent #contenido table td{ font-size:11px; text-align:left; width:50%; }

#main #mainContent .item{
	
	margin-bottom:10px;
	width:100%;
	text-align:left;
}
#main #mainContent .item h3,#main #mainContent .itemC H3{
	color:#666;
	font-size:14px;
}
#main #mainContent .item h2,#main #mainContent .itemC H2{
	padding-bottom:5px;
	border-bottom:1px dashed #369;
	color:#369;
	font-size:16px;
	letter-spacing: 0.5px;
}

#main #mainContent .item ul li span{ 	
	background:url(../img/ico-flecha-in.gif) no-repeat left 0.30em;
	color:#333;
}

#main #mainContent .itemC{ padding-bottom:5px; margin-bottom:10px; width:100%; text-align:left;}
.ctn{ display:block;}
.anexobox{ border-top:1px dashed #666; padding-top:10px; text-align:left;}
.anexobox h3{ font-size:1em !important; color:#900;}
.anexobox ul{ list-style:none; padding:0; margin:0 0 5px 0; border-bottom: 1px dotted #666666; border-top: 1px dotted #666666; padding:3px 0;}
.anexobox ul li{ font-size:12px; margin-bottom:2px;}
.anexobox .itautor{ margin-bottom:5px; }
.anexobox .listatit{ }
#documentos,.documentos {
	color: #333;
	margin: 10px 0;
	padding: 0 0 10px 0;
}
#documentos IMG,.documentos IMG, .anexobox img { vertical-align:middle; margin-right:5px;}

#main #mainContent #destacadort #documentos{
	padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;
}

#main #mainContent .itemC ol li{ color:#369; font-weight:bold; margin-bottom:10px;}
#main #mainContent .itemC ol li span{ color:#000; font-weight:normal;}

#documentos a,#documentos a:link,#documentos a:visited,
.documentos a,.documentos a:link,.documentos a:visited
{ color:#333;}
#documentos a:hover,
.documentos a:hover{ color:#000; text-decoration:underline;}
#documentos img,.documentos img {
	vertical-align: middle;
	margin-right: 5px;
}
.c310{width:310px;}
.mlf310{ margin-left:310px; width:200px; }
.col30{ width:33%;}
.mlf30{ margin-left:36%;}
.mrt30{ margin-right:36%;}
.col50{ width:48%;}
.mlf50{ margin-left:51%;}
.mrt50{ margin-right:51%;}
.col65{ width:65%;}
.mlft65{ margin-left:70%;}
.mrt65{ margin-right:70%;}

.privacidad{ font-size:12px;}
.msjreg{ font-size:14px; font-weight: bold; color: #600;}
h2.privacidad { 	
	padding-bottom:5px;
	border-bottom:1px dashed #999;
	color:#C00;
	font-size:11px;
	letter-spacing: 0.5px;
}
.rowMore{ margin-top:10px;}
.rowMore h3.rqs{
	color:#A8960A;
	border-bottom:1px dashed #999;
	width: 98%;
	padding-bottom: 5px;
}
.rowMore .tconsejo td{ width:40%; text-align:left; vertical-align:middle;}
.rowMore .tconsejo td.nombre{ width:30%;}
/*******************************************************************/
form input,select,textarea{ 
	background-color:#fff;
	font-size:11px;		
	font-family:Arial;
	border:1px solid #666;
}
form input[type=submit]{
	cursor:pointer;
}
form input[type=submit]:hover{ background-color:#000; color:#fff;}
/*******************************************************************/

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearfloatrt { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfloatflt { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#banner{ margin-bottom:10px;}
.indexa{
	margin-top:10px;
	padding:10px;
}
.indexa img{
	display:block;
	margin-bottom:10px;
}