/*  ----------------------|  LAYOUT  |----------------------  */

body {
}
#shadow {
	background:		#ccc;
}
#container {
	margin:			0pt auto;
	position:		relative;
	width:			970px;
	padding:		40px 0px 20px 20px;
	background:		#fff;
}
#main {
	position:		relative;
	width:			100%;
}
#bar {
	width:			708px;
	height:			42px;
	background:		#AAE0FA;
}
#bar_info {
	padding:		6px 0px 0px 12px;
	height:			15px;
	clear:			both;
	background:		#00AEEF;
	font-size: 11px;
}
#bar_info ul {
	color:#AAE0FA;
}
#bar_info li {
	color:#FFF;
	font-weight:bold;
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	border-left-color:#FFF;
	border-left-style:solid;
	border-left-width:1px;
}
#bar_info li.first {
	float:left;
	border-left-style:none;
}
#bar_info li.tit {
	float:left;
	border-left-style:none;
	font-weight:normal;
	padding-left:0px;
	padding-right:0px;
	color:#AAE0FA;
}
#bar_info a {
	color: #AAE0FA;
	font-size:11px;
}
#bar_info a:hover {
	color:#FFF;
	font-size:11px;
}
#bar_button_recent {
	background-image:url(../assets/tit_recent_a.gif);
	background-repeat:no-repeat;
	background-color:#00AEEF;
	height:			20px;
	width:			229px;
	display: block;
	float:left;
}
#bar_button_recent a {
	background-image:url(../assets/tit_recent.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:			20px;
	width:			229px;
	background-color:	#AAE0FA;
	display:  block;
	float:left;
}
#bar_button_arch {
	background-image:url(../assets/tit_archives.gif);
	background-repeat:no-repeat;
	background-color:#00AEEF;
	height:			20px;
	width:			229px;
	display: block;
	float:left;
}
#bar_button_arch a, #bar_button_arch a:hover {
	background-image:url(../assets/tit_archives_a.gif);
	background-repeat:no-repeat;
	background-color:#AAE0FA;
	background-position:left top;
	height:			20px;
	width:			229px;
	display:block;
	float:left;
}
#bar_search {
	float:			left;
	height:			17px;
	width:			466px;
	padding:		11px 11px 0px 11px;
}
/*  ----------------------|  TOP  |----------------------  */

.topbox {
	float:				left;
	width:				229px;
	height:				45px;
	/*margin:				0px 3px 3px 0px;*/
	cursor:				pointer;
	background:			#E2F4FD;
}
.topbox_wrapper {
	float:				left;
	margin:				0px 11px 21px 0px;
	padding:			0px;
}
.topbox_wrapper:hover {
	background:			#883;
}
.topbox_open {
	float:				left;
	width:				229px;
	height:				213px;
	margin:				0px 12px 20px 0px;
	cursor:				pointer;
	background:			#fdf68b;
}
.top_title {
	color:			#000;
	margin:			0px 0px 4px 0px;
}
/*  ----------------------|  UNITS  |----------------------  */
/*NUEVO LORENA*/
#total_articles {
	background-color:#033;
	height:10px;
	width:708px;
	float:left;
	display:block;
}
#unidad, #unidadgra, #unidadwork {
	width:			224px;
	height:         168px;
	float:			left;
	margin:			0px 6px 12px 6px;
	color:#000;
	display:block;
}
#unidadwork {
	position:relative;
}
#unidadgra {
	width:459px;
	height:162px;
	margin:	0px 6px 12px 6px;
}
#unidad .tit {
	height:56px;
}
#unidadwork .tit {
	filter: alpha(opacity=100);
	opacity: 1;
	height:56px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:224px;
}
#unidadgra .tit {
	height:auto;
}
#opaco {
	width:224px;
	filter: alpha(opacity=70);
	opacity: .7;
	height:56px;
	background-color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#unidad .tit h1, #unidadwork .tit h1 {
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:6px;
	font-weight:bold;
	font-size:11px;
}
#unidadwork .tit h1 a {
	color: #00AEEF;
	font-size:11px;
	font-weight:bold;
}
#unidadwork .tit h1 a:hover {
	color: #0087BA;
	font-size:11px;
	font-weight:bold;
}
#unidadgra .tit h1 {
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:12px;
}
.close {
	width:214px;
	margin:0px;
	padding:3px 0px 0px 10px;
	font-weight:bold;
	font-size:11px;
}
.close a {
	color:#999;
}
#unidad .tit h1 .unbold, #unidadgra .tit h1 .unbold, #unidadwork .tit h1 .unbold {
	font-weight:normal;
}
#unidad .cont {
	background-color:#E2F4FD;
	height:112px;
}
#unidadgra .cont {
	background-color:#FFF;
	height:auto;
}
#unidad .cont h1, #unidadgra .cont h1 {
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	font-size:11px;
}
#unidadgra .cont h1 {
	padding-bottom:10px;
}
#unidad .cont h1 a, #unidadgra .cont h1 a {
	color: #00AEEF;
	font-size:11px;
	font-weight:bold;
}
#unidad .cont h1 a:hover, #unidadgra .cont h1 a:hover {
	color: #0087BA;
	font-size:11px;
	font-weight:bold;
}
.izq {
	width:224px;
	float:left;
	margin-right:10px;
}
.der {
	width:224px;
	float:left;
	text-align:right;
}
.der h1 {
	padding:2px 0px 0px 0px;
	margin: 0px;
	font-weight:bold;
	font-size:11px;
}
.der h1 a {
	color: #00AEEF;
}
.der h1 a:hover {
	color: #0087BA;
}
/*UNIDAD ARCHIVO*/
#unidad_archivo, #unidad_archivo_gra {
	width:			224px;
	height:         56px;
	float:			left;
	margin:			0px 6px 5px 6px;
	color:#000;
	background-color:#E2F4FD;
	display:block;
	font-size:10px;
}
#unidad_archivo_gra {
	width:459px;
	height:188px;
	margin:	0px 6px 12px 6px;
	background-color:#FFF
}
#unidad_archivo h1 {
	padding:5px 5px 0px 10px;
}
#unidad_archivo h1 {
	color: #00AEEF;
	font-size:10px;
	font-weight:bold;
}
#unidad_archivo h1 a:hover {
	color: #0087BA;
	font-size:10px;
	font-weight:bold;
}
#unidad_archivo h2 {
	padding:0px 5px 0px 10px;
}
#unidad_archivo_tit {
	width:			224px;
	height:         56px;
	clear:both;
	margin:			0px 6px 5px 6px;
	color:#000;
	background-color:#FFF;
	display:block;
	font-size:10px;
}
#unidad_archivo_tit h1 {
	color: #00AEEF;
	font-size:14px;
	font-weight:bold;
	padding-top:30px;
	padding-left:10px;
}
#unidad_archivo_gra .tit {
	height:inherit;
}
#unidad_archivo_gra .tit h1 {
	padding-top:7px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:5px;
	font-weight:bold;
	font-size:12px;
}
#unidad_archivo_gra .cont h1 {
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
#unidad_archivo_gra .cont h1 a {
	color: #00AEEF;
	font-size:11px;
	font-weight:bold;
}
#unidad_archivo_gra .cont h1 a:hover {
	color: #0087BA;
	font-size:11px;
	font-weight:bold;
}
/*FINAL NUEVO LORENA*/

.unit {
	float:			left;
	margin:			0px 12px 20px 0px;
}
.active_unit {
	float:			left;
	margin:			0px 12px 20px 0px;
}
.active_unit:hover {
	cursor:		pointer;
	background:	#FFa;
}
.active_unit:hover .box {
	background:	#5dd0ff;
}
.active_unit:hover .snap .button_note {
	color:		#047391;
}
.single {
	width: 155px;
}
.double {
	width: 322px;
}
.triple {
	width: 489px;
}
.quad {
	width: 666px;
}
.quint {
	width: 823px;
}
.sexth {
	width: 990px;
}
.box {
	position:		relative;
	padding:		8px 10px 20px 10px;
	height:			84px;
}
.info {
	overflow:		hidden;
}
.note {
	position:		absolute;
	bottom:			12px;
}
.thumb {
	float:			left;
	margin:			0px 12px 0px 0px;
}
.image_box {
	height:			112px;
	width:			155px;
	overflow:		hidden;
}
.big_image_box {
	margin:			0px auto;
	height:			310px;
	width:			438px;
	overflow:		hidden;
}
.big_image_back {
	height:			310px;
	width:			990px;
	background:		#cbf3ff;
}
/*  ----------------------|  SNAP  |----------------------  */

.snap {
	height:			12px;
	padding: 		4px 8px;
	clear:			both;
}
.button {
}
.button_note {
	float:			left;
	color:			#5dd0ff;
	padding:		1px 0px 0px 0px;
}
.button_text {
	float:			right;
	color:			#047391;
	padding:		1px 4px 0px 0px;
}
.button_image {
	float:			right;
	color:			#047391;
}
/*  ----------------------|  TEXT FORMATTING  |----------------------  */

.super {
	font-size:		16px;
	font-weight:	normal;
	color:			#000;
	margin:			0px 0px 4px 0px;
}
.title {
	font-size:		13px;
	font-weight:	normal;
	color:			#015e7d;
	margin:			0px 0px 4px 0px;
}
.subtitle {
	font-size:		10px;
	font-weight:	normal;
	color:			#047391;
	margin:			0px 0px 4px 0px;
}
.description {
	font-size:		1.0em; /* 10px; */
	font-weight:	normal;
	color:			#047391;
	margin:			0px 0px 4px 0px;
	width:			auto;
}