/*///////////////////////////////////////////
//                                         //
//      MetyPer v1.0                       //
//      Creado por ContaDOCK               //
//      www.ContaDOCK.com                  //
//                                         //
//      styles/style.css v1.0              //
//                                         //
///////////////////////////////////////////*/


img { border: 0 solid }

a { outline: none; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, serif;
	font-size: 11px;
}

hr {
	border: 0;
	height: 1px;
	width: 100%;
	color: #E6E6E6;
	background-color: #E6E6E6;
}

#web {
	width: 100%;
}

#tooltip{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
  position: absolute;
  width: 200px;
  border: 1px solid black;
  padding: 2px;
  background-color: #E5E5EF;
  visibility: hidden;
  z-index: 100;
}

#comment-line {
	border: 0;
	height: 1px;
	width: 100%;
	color: #D6D6D6;
	background-color: #D6D6D6;
}

#text-margin {
	padding-right: 20px;
}

/*GLOBAL*/
.list-tab-A {
  background-color: #FFFFFF;
}
.list-tab-B {
  background-color: #EEEEEE;
}

/*WEB HEADER*/

#header-title-background {
	height: 120px;
	background-image: url('../images/backgrounds/header.jpg') !important;
	background: repeat-x;
}

#header-title-text {
	padding-left: 80px;
}

#header-lang-top {
	height: 5px;
	background-image: url('../images/backgrounds/header-lang-top.png') !important;
	background: no-repeat;
}

#header-lang-middle {
	height: 40px;
	background-image: url('../images/backgrounds/header-lang-middle.png') !important;
	background: repeat-y;
}

#header-lang-bottom {
	height: 5px;
	background-image: url('../images/backgrounds/header-lang-bottom.png') !important;
	background: no-repeat;
}


/*MAGAZINE HEADER*/

.magazine-title-background {
	background-color: #383E53;
	text-align: center;
}

.magazine-title-text {
	font-family: Times, "Times New Roman", serif;
	font-size: 24px;
	line-height: 18px;
	color: #FFFFFF;
}

.magazine-subtitle-text {
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	line-height: 15px;
	color: #FFFFFF;
}


/*MAGAZINES HEADER*/

.magazines-title-background {
	background-color: #FFFFFF;
	text-align: center;
}

.magazines-title-text {
	font-family: Times, "Times New Roman", serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 18px;
	color: #333333;
}

.magazines-subtitle-text {
	font-family: Times, "Times New Roman", serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}

/*WEB BREADCRUMB*/

#bcrumb-background {
	height: 25px;
	background-image: url('../images/backgrounds/bcrumb.jpg') !important;
	background: repeat-x;
}

.bcrumb-link {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	text-indent: 10px;
	color: #333333;
	text-align: left;
	font-weight: bold;
}
	.bcrumb-link a:link {
		color: #999999;
		text-decoration: none;
	}
	.bcrumb-link a:visited {
		color: #999999;
		text-decoration: none;
	}
	.bcrumb-link a:hover {
		color: #666666;
		text-decoration: none;
	}
	.bcrumb-link a:active {
		color: #666666;
		text-decoration: none;
	}


/*WEB SEARCHBOX*/

#searchbox-background {
	height: 30px;
	background-image: url('../images/backgrounds/searchbox.jpg') !important;
	background: repeat-x;
}

.searchbox-link {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	text-indent: 10px;
	color: #666666;
	text-align: left;
	font-weight: bold;
}
	.searchbox-link a:link {
		color: #999999;
		text-decoration: none;
	}
	.searchbox-link a:visited {
		color: #999999;
		text-decoration: none;
	}
	.searchbox-link a:hover {
		color: #666666;
		text-decoration: none;
	}
	.searchbox-link a:active {
		color: #666666;
		text-decoration: none;
	}


/*TABS*/
.tab-navigation {
	width: 100%;
	height: 23px;
	background-image: url('../images/backgrounds/pixel-tab.jpg');
	background-repeat: repeat-x;
	background-position: 0 22px;
}
.tab-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tab-navigation li {
	float: left;
	height: 21px;
	margin: 0 2px;
}
.tab-navigation img { vertical-align: middle; }
.tab-navigation li.tab-on {
	border: 1px solid #333333;
	border-bottom: 1px solid #EEEEEE;
	background-color: #EEEEEE;
}
.tab-navigation li.tab-off {
	border: 1px solid #333333;
	background-color: #DDDDDD;
}
.tab-navigation a {
	float: left;
	display: block;
	padding: 4px 6px;
	color: #333333;
	text-decoration: none;
}
.tab-navigation a:hover {
	color: #333333;
	background-color: #CCCCCC;
}
.tab-div {
	padding: 10px;
	border: 1px solid #333333;
	border-top: 0;
	background-color: #EEEEEE;
}


/*BUTTONS*/

#buttons-background {
	background-image: url('../images/buttons.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#button-on {
	width: 160px;
	height: 45px;
	background-image: url('../images/buttons/on.png') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#button-on a:link {
		color: #666666; text-decoration: none;
	}
	#button-on a:hover {
		color: #666666; text-decoration: none;
	}
	#button-on a:active {
		color: #666666; text-decoration: none;
	}
	#button-on a:visited {
		color: #666666; text-decoration: none;
	}

#button-off {
	width: 160px;
	height: 45px;
	background-image: none;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#button-off a:link {
		color: #666666; text-decoration: none;
	}
	#button-off a:hover {
		color: #666666; text-decoration: none;
	}
	#button-off a:active {
		color: #666666; text-decoration: none;
	}
	#button-off a:visited {
		color: #666666; text-decoration: none;
	}

.button-off {
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	.button-off a:link {
		color: #666666; text-decoration: none;
	}
	.button-off a:hover {
		color: #666666; text-decoration: none;
	}
	.button-off a:active {
		color: #666666; text-decoration: none;
	}
	.button-off a:visited {
		color: #666666; text-decoration: none;
	}


#article-button-on {
	width: 252px;
	height: 43px;
	background-image: url('../images/buttons/article_btn_on.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#article-button-on a:link {
		color: #666666; text-decoration: none;
	}
	#article-button-on a:hover {
		color: #666666; text-decoration: none;
	}
	#article-button-on a:active {
		color: #666666; text-decoration: none;
	}
	#article-button-on a:visited {
		color: #666666; text-decoration: none;
	}

#article-button-off {
	width: 252px;
	height: 43px;
	background-image: url('../images/buttons/article_btn_off.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#article-button-off a:link {
		color: #666666; text-decoration: none;
	}
	#article-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	#article-button-off a:active {
		color: #666666; text-decoration: none;
	}
	#article-button-off a:visited {
		color: #666666; text-decoration: none;
	}

.article-button-off {
	width: 252px;
	height: 43px;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	background-image: url('../images/buttons/article_btn_off.jpg') !important;
	background: no-repeat;
	font-size: 11px;
}
	.article-button-off a:link {
		color: #666666; text-decoration: none;
	}
	.article-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	.article-button-off a:active {
		color: #666666; text-decoration: none;
	}
	.article-button-off a:visited {
		color: #666666; text-decoration: none;
	}



#moreinfo-button-on {
	width: 164px;
	height: 45px;
	background-image: url('../images/buttons/moreinfo_btn_on.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#moreinfo-button-on a:link {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-on a:hover {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-on a:active {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-on a:visited {
		color: #666666; text-decoration: none;
	}

#moreinfo-button-off {
	width: 164px;
	height: 45px;
	background-image: url('../images/buttons/moreinfo_btn_off.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#moreinfo-button-off a:link {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-off a:active {
		color: #666666; text-decoration: none;
	}
	#moreinfo-button-off a:visited {
		color: #666666; text-decoration: none;
	}

.moreinfo-button-off {
	width: 164px;
	height: 45px;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	background-image: url('../images/buttons/moreinfo_btn_off.jpg') !important;
	background: no-repeat;
	font-size: 11px;
}
	.moreinfo-button-off a:link {
		color: #666666; text-decoration: none;
	}
	.moreinfo-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	.moreinfo-button-off a:active {
		color: #666666; text-decoration: none;
	}
	.moreinfo-button-off a:visited {
		color: #666666; text-decoration: none;
	}

#comments-button-on {
	width: 242px;
	height: 43px;
	background-image: url('../images/buttons/comments_btn_on.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#comments-button-on a:link {
		color: #666666; text-decoration: none;
	}
	#comments-button-on a:hover {
		color: #666666; text-decoration: none;
	}
	#comments-button-on a:active {
		color: #666666; text-decoration: none;
	}
	#comments-button-on a:visited {
		color: #666666; text-decoration: none;
	}

#comments-button-off {
	width: 242px;
	height: 43px;
	background-image: url('../images/buttons/comments_btn_off.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#comments-button-off a:link {
		color: #666666; text-decoration: none;
	}
	#comments-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	#comments-button-off a:active {
		color: #666666; text-decoration: none;
	}
	#comments-button-off a:visited {
		color: #666666; text-decoration: none;
	}

.comments-button-off {
	width: 242px;
	height: 43px;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	background-image: url('../images/buttons/comments_btn_off.jpg') !important;
	background: no-repeat;
	font-size: 11px;
}
	.comments-button-off a:link {
		color: #666666; text-decoration: none;
	}
	.comments-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	.comments-button-off a:active {
		color: #666666; text-decoration: none;
	}
	.comments-button-off a:visited {
		color: #666666; text-decoration: none;
	}


#post-button-on {
	width: 173px;
	height: 43px;
	background-image: url('../images/buttons/post_btn_on.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#post-button-on a:link {
		color: #666666; text-decoration: none;
	}
	#post-button-on a:hover {
		color: #666666; text-decoration: none;
	}
	#post-button-on a:active {
		color: #666666; text-decoration: none;
	}
	#post-button-on a:visited {
		color: #666666; text-decoration: none;
	}

#post-button-off {
	width: 173px;
	height: 43px;
	background-image: url('../images/buttons/post_btn_off.jpg') !important;
	background: no-repeat;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
}
	#post-button-off a:link {
		color: #666666; text-decoration: none;
	}
	#post-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	#post-button-off a:active {
		color: #666666; text-decoration: none;
	}
	#post-button-off a:visited {
		color: #666666; text-decoration: none;
	}

.post-button-off {
	width: 173px;
	height: 43px;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	background-image: url('../images/buttons/post_btn_off.jpg') !important;
	background: no-repeat;
	font-size: 11px;
}
	.post-button-off a:link {
		color: #666666; text-decoration: none;
	}
	.post-button-off a:hover {
		color: #666666; text-decoration: none;
	}
	.post-button-off a:active {
		color: #666666; text-decoration: none;
	}
	.post-button-off a:visited {
		color: #666666; text-decoration: none;
	}

/*LINKS*/

#menuList {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; /* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
  line-height: 0px;
  width: 290px; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
}

#menuList li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
  list-style: none;
  background-position: right;
  padding: 2px; /* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menuList li a, #menuList1 li a:focus {
  height: 60px;
  display: block;
  background-image: url('../images/links/off.jpg');
  background-repeat: no-repeat;
  background-position: right;
}

#menuList li a:hover {
  height: 60px;
  display: block;
  background-image: url('../images/links/on.jpg');
  background-repeat: no-repeat;
  background-position: right;
}


/*TEXT STYLES*/

.article-type-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	margin-top: 18px;
	margin-bottom: 18px;
}

.title-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
	margin-top: 18px;
	margin-bottom: 18px;
}
	.title-text a:link {
		color: #000066;
		text-decoration: none;
	}
	.title-text a:visited {
		color: #000066;
		text-decoration: none;
	}
	.title-text a:hover {
		color: #000066;
		text-decoration: none;
	}
	.title-text a:active {
		color: #000066;
		text-decoration: none;
	}

.subtitle-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-indent: 10px;
}
	.subtitle-text a:link {
		color: #999999;
		text-decoration: none;
	}
	.subtitle-text a:visited {
		color: #999999;
		text-decoration: none;
	}
	.subtitle-text a:hover {
		color: #666666;
		text-decoration: none;
	}
	.subtitle-text a:active {
		color: #666666;
		text-decoration: none;
	}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-indent: 50px;
}

.text-link {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
}
	.text-link a:link {
		color: #333333;
		text-decoration: none;
	}
	.text-link a:visited {
		color: #333333;
		text-decoration: none;
	}
	.text-link a:hover {
		color: #333333;
		text-decoration: underline;
	}
	.text-link a:active {
		color: #333333;
		text-decoration: underline;
	}

.detail-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-top: 18px;
	text-align: right;
}

.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}


/*COMMENTS*/

.comment-background {
	background-color: #E5E5EF;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#comment-line {
	border: 0;
	height: 1px;
	width: 100%;
	color: #D6D6D6;
	background-color: #D6D6D6;
}

.comment-title-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-indent: 10px;
}

.comment-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-indent: 50px;
}


/*SUMARY*/

.sumary-autor-cell {
	padding-bottom: 8px;
	padding-left: 20px;
	vertical-align: top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #333333;
	margin-bottom: 18px;
}

.sumary-file-cell {
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 18px;
}

.sumary-cell {
	width: 510px;
	padding-bottom: 8px;
	padding-left: 20px;
	/*text-indent: 20px;*/
	vertical-align: top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-style:italic;*/
	color: #333333;
	margin-bottom: 18px;
}

.sumary-detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #999999;
	margin-top: 18px;
	text-align: right;
}

/*COUNCIL*/

.council-cell {
	width: 100%;
	padding-bottom: 8px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 18px;
}


/*FOOT*/

.foot-background {
	background-color: #333333;
	text-align: center;
}

.foot-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}