 /*------------------------------------------------------------------------
# JA Tube - Version 1.0 - Licence Owner JA108425
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */






body {

	background: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	text-align:justify;
	
}



#bd {

margin-left:auto;
margin-right:auto;
width:112em;
height:auto;
overflow:hidden;
;
	color: #666666;
	
	font-size:1em;
	
}

body.contentpane {
	color: #111111;
	font-size: 80%;
	line-height: 1.3em;
	margin: 1em 2em;
	width: 100%; /* Printable Page */
}

body.fs1 {
	font-size: 70%;
}

body.fs2 {
	font-size: 77%;
}

body.fs3 {
	font-size: 80%;
}

body.fs4 {
	font-size: 85%;
}

body.fs5 {
	font-size: 90%;
}

body.fs6 {
	font-size: 100%;
}

/* Normal link */
a {
	color: #DB7812;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

/* Title text */
h1, h2, h3, h4, .contentheading, .componentheading, .blog_more strong, .nftitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
}

div.componentheading
{
  margin-left:1em;
  width:14em;
}	
/* Small text */
small, .small, .smalldark,  .createdby,  .img_caption,
span.site-slogan, p.site-slogan, a.readon, #ja-headtools, #ja-pathway, #ja-botsl, #ja-footer {
	font-size: 92%;
}




small, .small, .img_caption {
	color: #999999;
}

img.caption {
}

/* Heading */
h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
	font-weight: bold;
}

h4, h5, h6 {
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6,
p, blockquote, ul, ol {
	margin: 0.2em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	background: url(../images/bullet.gif) no-repeat 0.3em 0.1em;
	line-height: 160%;
	padding-left: 4em;
}

ol li {
	line-height: 180%;
	margin-left: 4em;
}

th {
	font-weight: bold;
	/*padding: 0.3em 1em 1em 1.3em;*/
	padding-top:0.3em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:1.3em;
	
	line-height:1.3em;
	text-align: left;
}

fieldset {
	border: none;
	padding: 2em 1em;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top:  solid #DDDDDD;
	height: 0.1em;
}

td, div {
	font-size: 100%;
}

a img {
	border: none;
	margin: 1em;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: Arial, sans-serif;
	font-size: 100% !important;
}

.inputbox {
	background: #FFFFFF;
	border: solid ;
	color: #666666;
	margin: 0 0.3em;
	padding: 0.1em;
}

.button {
	background: #FFFFFF !important;
	border: 1px solid #DDDDDD;
	color: #666666;
	font-weight: bold;
	padding: 0.2em 1em !important;
}

.button:hover,
.button:active,
.button:focus {
	background: #FFFFFF !important;
	color: #111111;
	font-weight: bold;
	padding: 0.2em 1em;
	text-decoration: none;
}

* html .button {
	padding: 0 1em !important; /*IE 6*/
}

*+html .button {
	padding: 0 1em !important; /*IE 7*/
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Override fontpage ---*/
.article-content .ja-innerpad p {
	margin: 0 0;
}

.article-content .ja-innerpad h2.contentheading {
	padding-top: 0;
}

.img-desc {
	float: left;
}

.ja-innerpad .article-tools .article-meta {
	float: none;
	padding: 0;
	width: auto;
}

.article_separator {
	background: url(../images/dot.gif) repeat-x center left;
	clear: both;
	display: none;
	height: 3em;
}

.row_separator {
	display: none;
}

.article-content img {
	border: 1px solid #DDDDDD;
	margin-right: 1em;
	margin-top: 0.2em;
	padding: 0.2em;
}

.article-tools .article-meta {
	float: left;
	padding: 1em 0 0 0;
	width: 70%;
}

.article-tools  {
	float: right;
	width: 30%;
}
.buttonheading
{
  display:none;
}

.img_caption {
	float: left;
}

.column_separator {
	padding: 0 1em;
}

span.open {
	background: url(../images/so-q.gif) no-repeat  left top;
	padding: 0.2em 0 0.2em 1em;
}

span.close {
	background: url(../images/sc-q.gif) no-repeat right bottom;
	padding: 0.2em 1em 0.2em 0;
}

/* content tables */
.sectiontableheader {
	background: #666666;
	border-right:  solid #CCCCCC;
	padding: 4px;
}

.sectiontableheader a {
	color: #FFFFFF;
	font-weight: bold;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 1em;
}

tr.sectiontableentry2 td {
	background: #FFFFFF;
	border-bottom:  solid #D5D5D5;
	border-top:  solid #D5D5D5;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	font-size: 92%;
	margin: 0 0 1em 1em;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	background: url(../images/bullet.gif) no-repeat 10px 7px;
	padding: 0.1em 0.2em 0.2em 0.3em;
}

table.contenttoc th {
	border-bottom: 1px solid #E5E5E5;
	padding: 0 0 0.3em;
	text-indent: 0.3em;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	background: none;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 1em !important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #E5E5E5;
}

table.searchintro {
	padding: 1em 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more strong {
	display: block;
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 1em;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/arrow.png) no-repeat 6px 7px;
	margin: 0;
	padding: 0 0 0 2em;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	background: url(../images/h3-bg.gif) repeat-x scroll left bottom;
	color: #666666;
	font-size: 120%;
	font-size: 100%;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	margin: 0 -1em 1em;
	padding: 0 1em;
	text-transform: uppercase;
}

.componentheading {
	font-size: 200%;
}

h2.contentheading, .contentheading {
	color: #666666;

	font-weight: bold;
	height: 3em;
	line-height: 3em;
	margin: 0 -1em 1em;
	padding: 0 1em;
}

.blog h2.contentheading, .blog .contentheading {
	font-size: 0;
}

a.contentpagetitle {
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #DB7812;
}

.contentdescription {
	padding-bottom: 3em;
}

table.contentpane form,
table.contentpane table {
	width: 100%;
}

a.readon {
	background: url(../images/icon-more.gif) no-repeat right 7px;
	color: #DB7812;
	font-weight: bold;
	padding: 0.2em 1em 0 0;
	text-align: center;
	text-decoration: none;
}

a.readon:hover, a.readon:focus, a.readon:active {
	border-bottom:  dotted;
	color: #DB7812;
	text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

div.blog_more {
	padding-top: 2em;
}

ul.pagination {
	margin: 1em 0;
	padding: 0;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span {
	color: #999999;
	padding: 0.2em 1em;
}

ul.pagination a {
	background: #FAFAFA;
	border:  solid #DDDDDD;
	padding: 0.2em 1em;
	text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border:  solid #B5B5B4;
}

.pagenavbar {
	background: url(../images/icon-pages.gif) no-repeat center left;
	font-weight: bold;
	padding-left: 2em;
}

.pagenavcounter {
	background: url(../images/icon-pages.gif) no-repeat 0 1em;
	font-weight: bold;
	padding: 1em 2em 0 2em;
}

/* META
--------------------------------------------------------- */
.createdate {
	background: url(../images/hsep.gif) no-repeat right center;
	color: #999999;
	padding-right: 0.1em;
}

.createby,
.createdby {
	color: #999999;
	padding-left: 0.1em;
}

.modifydate {
	color: #999999;
	display: block;
	float: left;
	margin-top: 0.3em;
	width: 100%;
}

.buttonheading {
}

.buttonheading img {
	border: 0;
	float: right;
	margin: 0.2em 0.1em 0 0 ;
}

/* MAIN LAYOUT
--------------------------------------------------------- */
.wrap {
	

}

.main {
  
	width: auto;
	padding-left:12em;
	padding-right:21em;
	margin-right:0;
	margin-left:0;
	left:0;
	right:0;
	background:white;
}


/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-mainbody {
}

#ja-body {
	float: left;
	/*width: 72%;*/
	width: 72%;
}

#ja-content {
	float: right;
	/*width: 72%;*/
	width: 72%;
	
}

#ja-container #ja-content {
	background: url(../images/content-center.gif) repeat-y center top;
}

#ja-container .ja-content-top {
	background: url(/../images/content-top.gif) no-repeat center top;
}

#ja-container .ja-content-bot {
	background: url(/../images/content-bot.gif) no-repeat center bottom;
}

#ja-current-content {
margin-right:2em;
	padding: 2em 2em 2em 2em;
	width:70em;
}

#ja-container .main,
#ja-container-f .main,
#ja-container-fr .main,
#ja-container-fl .main {
	/*background: url(../images/main-bg.gif) no-repeat center top;*/
	display: block;
	overflow: hidden;
	width: 87em;
}

#ja-container .wrap,
#ja-container-f .wrap,
#ja-container-fr .wrap,
#ja-container-fl .wrap {
	background:white url(../images/container-bot-bg.gif) repeat-x center bottom;
	
	display: block;

}

#ja-container .main .innerpad,
#ja-container-f .main .innerpad,
#ja-container-fr .main .innerpad,
#ja-container-fl .main .innerpad {

	background: url(../images/main-bot-bg.gif) no-repeat  left bottom;
	/*background:#000000; AQUI */
	padding: 10px 20px;
	margin-left:0;
}

/*columns*/
#ja-col1 {
padding-top:1em;
	float: left;
	/*width: 27.9%;*/
	width: 21em;
	margin-left:-6em;
padding-bottom:0;	
margin-bottom:2em;
}

#ja-container .main #ja-col1 .innerpad {
	padding: 2em 10px 0 0;
}

#ja-col2 {
padding-left:2em;
margin-right:-9em;
margin-top:4.8em;
margin-bottom:0em;

	float:right;
	/*width: 27.9%;*/
	width: 20em;
}

#ja-container .main #ja-col2 .innerpad {
	padding: 0 0 0 0;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-container,
#ja-container-f,
#ja-container-fr,
#ja-container-fl {
	background: url(../images/container-bg.gif) repeat-x top left #FFFFFF;
	clear: both;
	margin: 0 0 20px;
}

/* Content + left ---*/
#ja-container-fr #ja-body {
	width: 100%;
}

#ja-container-fr #ja-col1 .innerpad {
	padding: 0 10px 0 0;
}

#ja-container-fr #ja-content {
	background: url(../images/content-center2.gif) repeat-y center top;
}

#ja-container-fr .ja-content-top {
	background: url(../images/content-top2.gif) no-repeat center top;
	width: 50em;
}

#ja-container-fr .ja-content-bot {
	background: url(../images/content-bot2.gif) no-repeat center bottom;
	width: 100%;
}

/* Content + right ---*/
#ja-container-fl #ja-col2 .innerpad {
	padding: 0 0 0 10px;
}

#ja-container-fl #ja-content {
	background: url(../images/content-center2.gif) repeat-y center top;
	width: 50em;
}

#ja-container-fl .ja-content-top {
	background: url(../images/content-top2.gif) no-repeat center top;
	width: 50em;
}

#ja-container-fl .ja-content-bot {
	background: url(../images/content-bot2.gif) no-repeat center bottom;
	width: 100%;
}

/* Full content ---*/
#ja-container-f #ja-body {
	width: 100%;
}

#ja-container-f #ja-content {
	background: url(../images/content-center1.gif) repeat-y center top;
	width: 100%;
}

#ja-container-f .ja-content-top {
	background: url(../images/content-top1.gif) no-repeat center top;
	width: 100%;
}

#ja-container-f .ja-content-bot {
	background: url(../images/content-bot1.gif) no-repeat center bottom;
	width: 100%;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_text h3,
div.moduletable_menu h3,
div.moduletable_icon h3{
	color: #B5B5B4;
	font-size: 100%;
	letter-spacing: 1px;
	margin: 0 0 10px;
	padding: 2px 0 5px;
	text-transform: uppercase;
}

div.moduletable,
div.moduletable_text,
div.moduletable_menu,
div.moduletable_icon {
	margin: 0 0 15px;
	padding: 0 0 5px;
}

div.moduletable_blank {
	margin: 0 0 15px;
}

/* mis */
div.moduletable ul,
div.moduletable_text ul{
	margin: 0;
	padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li {
	line-height: 20px;
	margin: 0;
	padding-left: 0;
}

div.moduletable li a,
div.moduletable_text li a,
div.moduletable_menu li a {
	padding: 5px 2px 5px 15px;
}

/* Default Module */
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_highlight h3,
div.module_orange h3,
div.module_green h3,
div.module_pink h3,
div.module_blue h3,
div.module_red h3 {
	color: white;
	font-size: 100%;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0 0 10px;
	padding: 0 10px;
	text-transform: uppercase;
}

div.module_menu h3 {
	margin-bottom: 0;
	overflow: hidden;
	padding-left: 10px;
}

div.module,
div.module_text,
div.module_menu,
div.module_tabs,
div.module_highlight,
div.module_green,
div.module_orange,
div.module_pink,
div.module_red,
div.module_blue {
	background: url(../images/box-br.gif) no-repeat right bottom;
	clear: both;
	display: block;
	float: left;
	margin: 0 0 15px;
	padding: 0;
	width: 100%;
	width: 100%;
}

div.module_tabs {
	background: url(../images/box-br-tabs.gif) no-repeat right bottom;
}

div.module div,
div.module_text div,
div.module_menu div {
/*Interior de las cajas*/
	background: url(../images/box-bl.gif) no-repeat left  bottom;
}

div.module_tabs div {
	background: url(../images/box-bl-tabs.gif) no-repeat left  bottom;
}

div.module_tabs div.ja-box-tl {
	display: block;
	overflow: hidden;
}

div.module div div,
div.module_text div div,
div.module_menu div div {
	background: url(../images/box-tr.gif) no-repeat right top;
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div {
	background: url(../images/box-tl.gif) no-repeat left top;
	padding: 0;
}

div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_tabs div div div div {
	background: none;
}

div.module div.ja-box-ct,
div.module_highlight div.ja-box-ct,
div.module_orange div.ja-box-ct,
div.module_green div.ja-box-ct,
div.module_red div.ja-box-ct,
div.module_pink div.ja-box-ct,
div.module_blue div.ja-box-ct,
div.module_gray div.ja-box-ct {
	padding: 0 10px 10px 10px;
	
}

/* Module menu ---*/
div.module_menu div div div {
	display: block;
	overflow: hidden;
	padding: 0 1px 6px 1px;
}

div.module_menu ul.menu li {
	border-bottom: none;
	border-top: 1px solid #D5D5D5;
}

div.module_menu ul.menu li li {
	border: none;
}

div.module_menu div.ja-box-ct {
	padding-bottom: 0;
}

/* Highlight module ---*/
div.module_highlight h3 {
	background: url(../images/h3-bg-orange.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_highlight {
	background: url(../images/box-br-orange.gif) no-repeat right bottom #BF4F14;
	color: #EEDDCC;
}

div.module_highlight div {
	background: url(../images/box-bl-orange.gif) no-repeat left bottom;
}

div.module_highlight div div {
	background: url(../images/box-tr-orange.gif) no-repeat right top;
}

div.module_highlight div div div {
	background: url(../images/box-tl-orange.gif) no-repeat left top;
	padding: 0;
}

div.module_highlight div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_highlight img{
	background: #D36023;
	border: 1px solid #AF460E;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_highlight p {
	margin-top: 0;
}

div.module_highlight #ja-contentslider-center-wrap .jsslide,
div.module_highlight #ja-contentslider-left {
	background: url(../images/dot-cs-orange.gif) repeat-x left bottom;
}

/*orange module*/
div.module_orange h3 {
	background: url(../images/h3-bg-orange.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_orange {
	background: url(../images/box-br-orange.gif) no-repeat right bottom #BF4F14;
}

div.module_orange div {
	background: url(../images/box-bl-orange.gif) no-repeat left bottom;
}

div.module_orange div div {
	background: url(../images/box-tr-orange.gif) no-repeat right top;
}

div.module_orange div div div {
	background: url(../images/box-tl-orange.gif) no-repeat left top;
	padding: 0;
}

div.module_orange div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_orange img {
	background: #D36023;
	border: 1px solid #AF460E;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_orange #ja-contentslider-left,
div.module_orange #ja-contentslider-center-wrap .jsslide {
	background: url(../images/dot-cs-orange.gif) repeat-x left bottom;
}

/* Blue module ---*/
div.module_blue h3 {
	background: url(../images/h3-bg-blue.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_blue {
	background: url(../images/box-br-blue.gif) no-repeat right bottom #5599EE;
	color: #EEDDCC;
	margin-bottom: 20px;
}

div.module_blue div{
	background: url(../images/box-bl-blue.gif) no-repeat left bottom;
}

div.module_blue div div {
	background: url(../images/box-tr-blue.gif) no-repeat right top;
}

div.module_blue div div div {
	background: url(../images/box-tl-blue.gif) no-repeat left top;
	padding: 0;
}

div.module_blue div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_blue img{
	background: #66AAFF;
	border: 1px solid #478BE1;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_blue #ja-contentslider-left,
div.module_blue #ja-contentslider-center-wrap .jsslide {
	background: url(../images/dot-cs-blue.gif) repeat-x left bottom;
}

/* Red module ---*/
div.module_red h3 {
	background: url(../images/h3-bg-red.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_red {
	background: url(../images/box-br-red.gif) no-repeat right bottom #BB1E1E;
}

div.module_red div {
	background: url(../images/box-bl-red.gif) no-repeat left bottom;
}

div.module_red div div {
	background: url(../images/box-tr-red.gif) no-repeat right top;
}

div.module_red div div div {
	background: url(../images/box-tl-red.gif) no-repeat left top;
}

div.module_red  div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_red img {
	background: #CC3030;
	border: 1px solid #AA1818;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_red #ja-contentslider-center-wrap .jsslide,
div.module_red #ja-contentslider-left {
	background: url(../images/dot-cs-red.gif) repeat-x left bottom;
}

/* Green module ---*/
div.module_green h3 {
	background: url(../images/h3-bg-green.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_green {
	background: url(../images/box-br-green.gif) no-repeat right bottom #88AA22;
}

div.module_green div {
	background: url(../images/box-bl-green.gif) no-repeat left bottom;
}

div.module_green div div {
	background: url(../images/box-tr-green.gif) no-repeat right top;
}

div.module_green div div div {
	background: url(../images/box-tl-green.gif) no-repeat left top;
	padding: 0;
}

div.module_green div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_green img {
	background: #99BB22;
	border: 1px solid #799911;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_green #ja-contentslider-center-wrap .jsslide,
div.module_green #ja-contentslider-left {
	background: url(../images/dot-cs-green.gif) repeat-x left bottom;
}

/* Pink module ---*/
div.module_pink h3 {
	background: url(../images/h3-bg-pink.gif) repeat-x left bottom;
	color: #FFFFFF;
}

div.module_pink {
	background: url(../images/box-br-pink.gif) no-repeat right bottom #AF0274;
}

div.module_pink div {
	background: url(../images/box-bl-pink.gif) no-repeat left bottom;
}

div.module_pink div div {
	background: url(../images/box-tr-pink.gif) no-repeat right top;
}

div.module_pink div div div {
	background: url(../images/box-tl-pink.gif) no-repeat left top;
	padding: 0;
}

div.module_pink div div div div {
	background: none;
	color: #FFFFFF;
}

div.module_pink img {
	background: #BE1685;
	border: 1px solid #9E0269;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module_pink #ja-contentslider-left,
div.module_pink #ja-contentslider-center-wrap .jsslide {
	background: url(../images/dot-cs-pink.gif) repeat-x left bottom;
}

/* Gray Module */
div.module_gray h3 {
	background: url(../images/h3-bg-gray.gif) repeat-x left bottom;
	color: #878787;
	font-size: 100%;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0 0 10px;
	padding: 0 10px;
	text-transform: uppercase;
}

div.module_gray {
	background: #454545 url(../images/box-br-gray.gif) no-repeat right bottom;
	color: #858585;
}

div.module_gray div {
	background: url(../images/box-bl-gray.gif) no-repeat  left bottom;
}

div.module_gray div div {
	background: url(../images/box-tr-gray.gif) no-repeat right top;
}

div.module_gray div div div {
	background: url(../images/box-tl-gray.gif) no-repeat left top;
}

div.module_gray div div div div {
	background: none;
	padding: 0;
}

div.module_gray img {
	background: #353535;
	border: 1px solid #555555;
	margin: 5px 8px 0 0;
	padding: 4px;
}

div.module img,
div.module_text img,
div.module_menu img,
div.module_tabs img {
	margin-right: 10px;
	padding: 3px;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
	background: url(../images/header-bg.gif) repeat-x left top;
	border-bottom: 1px solid #FFFFFF;
	z-index: 999;
}

#ja-header .main {
	height: 100px;
	line-height: normal;
	position: relative;
}

h1.logo, .logo-text h1 {
	font-size: 350%;
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-transform: uppercase;
	top: 20px;
}

p.site-slogan {
	bottom: 22px;
	display: block;
	left: 0;
	margin: 0;
	position: absolute;
}

h1.logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	height: 80px;
	width: 152px;
}

h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}

h1.logo a span {
	position: absolute;
	top: 0px;
}

.logo-text h1 span {
	color: #DB7812;
}

.logo-text a {
	color: #656565;
	text-decoration: none;
}

.logo-text a:hover,
.logo-text a:active,
.logo-text a:focus {
	text-decoration: none;
}

/* Headtools ---*/
#ja-headtools {
	float: right;
	margin: 20px 0 1px 0;
	text-align: right;
	width: 70%;
}

#ja-headtools ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#ja-headtools li {
	background: none;
	display: inline;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 10px;
}

#ja-headtools li a {
	background: url(../images/arrow.png) no-repeat 3px center;
	color: #666666;
	line-height: 20px;
	padding: 0 0 0 10px;
	display: block;
}

#ja-headtools li.last a {
	padding-right: 0;
}

#ja-headtools li a.show {
	background: url(../images/arrow-light-90cw.gif) no-repeat 3px center !important;
	color: #DB7812;
}

#ja-register, #ja-login {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	display: none;
	height: auto;
	overflow: hidden;
	padding: 5px 15px;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 40px;
	z-index: 999;
}

.ja-login-links {
	margin-top: 10px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	background: url('../images/gris.jpg') repeat;
	border-top: 1px solid #D5D5D5;
	padding: 0px 0;
	z-index: 999;

}

#ja-mainnav .inner {
	position: relative;
}

/* Subnav ---*/
#ja-subnav div div div div {
	padding: 0 0 5px;
}

#ja-subnav h3 {
	margin-bottom: 0;
}

#ja-subnav div.sublevel ul {
	margin: 0;
}

div.sublevel li {
	background: none;
	border-top: 1px solid #D36023;
	display: block;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#ja-subnav div.sublevel li a {
	color: #EEDDCC;
	display: block;
	font-size: 92%;
	font-weight: bold;
	margin: 0;
	outline: none;
	padding: 8px 0 8px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#ja-subnav div.sublevel li a:hover,
#ja-subnav div.sublevel li a:active,
#ja-subnav div.sublevel li a:focus {
	color: #FFFFFF;
}

/* Search ---*/
#ja-search {
	clear: both;
	float: right;
}

#ja-search .search {
	background: url(../images/search-bg.gif) no-repeat;
	display: block;
	height: 28px;
	width: 400px;
}

#mod_search_searchword {
	background: none;
	border: none;
	color: #666666;
	float: left;
	padding: 5px;
}

#ja-search .search .button {
	background: url(../images/button-search.gif) no-repeat !important;
	border: none;
	float: right;
	height: 24px;
	margin-right: 2px;
	margin-top: 2px;
	width: 40px;
}

/* Top banner ---*/
#ja-banner-top {
	background: url(../../../banner-home-1.jpg) repeat center top ;
}

#ja-banner-top .main {
	background: url(../images/banner-mask.png) no-repeat center top;
	height: 120px;
}

/* Pathway ---*/
#ja-pathway {
	/*background: url(../images/icon-home.gif) no-repeat left center;*/
	clear: both;
	height: 22px;
	
	margin-bottom: 10px;
	padding: 2px 0 2px 30px;
}

#ja-pathway strong {
	margin-right: 5px;
}

#ja-pathway a {
	color: #DB7812;
	text-decoration: none;
}

#ja-pathway a:hover,
#ja-pathway a:active,
#ja-pathway a:focus {
	color: #DB7812;
	text-decoration: underline;
}

#ja-pathway img {
	margin: 1px 5px;
}

#ja-pathway .ja-pathway-text {
	overflow: hidden;
}

/* Default Joomla! Menu */
ul.menu {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.menu li {
	background: none;
	border-bottom: 1px solid #D5D5D5;
	display: block;
	line-height: normal;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

ul.menu li a {
	color: #666666;
	display: block;
	font-size: 92%;
	font-weight: bold;
	margin: 0;
	outline: none;
	padding: 8px 0 8px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	background: #F4F4F4;
	color: #666666;
	text-decoration: none;
}

ul.menu li.active a {
	background: #F4F4F4;
	color: #666666;
	font-weight: bold;
}

ul.menu li ul {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.menu li li {
	background: none !important;
	border: none;
	padding: 0 0 0 10px;
}

ul.menu li li a {
	background: url(../images/arrow.gif) no-repeat 2px 8px !important;
	border: none;
	color: #4f4f4f !important;
	font-weight: normal !important;
	padding: 5px 5px 5px 10px !important;
	text-transform: none;
}

ul.menu li.active li a {
	background: #FFFFFF;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: url(../images/arrow2.gif) no-repeat 0px 8px;
	color: #666666 !important;
	text-decoration: underline;
}

ul.menu li li.active a {
	color: #666666;
	font-weight: bold !important;
}

ul.menu li li li a {
	background: url(../images/bullet.gif) no-repeat 25px 10px !important;
	color: #4F4F4F !important;
	font-weight: normal !important;
	padding-left: 35px !important;
}

ul.menu li li li.active a {
	font-weight: bold !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
	padding-top: 15px;
}

.ja-box-left div.moduletable {
	padding-right: 15px;
}

.ja-box-center div.moduletable {
	padding: 0 15px;
}

.ja-box-right div.moduletable {
	padding-left: 15px;
}

/* Top spotlight ---*/
#ja-topsl {
	margin-bottom: 15px;
}

#ja-cs .innerpad {
	padding: 0 0 0 10px !important;
}

#ja-video {
	float: left;
	width: 72%;
}

#ja-cs {
	float: left;
	width: 27.9%;
}

#ja-topsl div.module,
#ja-topsl div.module_highlight,
#ja-topsl div.module_orange,
#ja-topsl div.module_green,
#ja-topsl div.module_red,
#ja-topsl div.module_gray,
#ja-topsl div.module_pink,
#ja-topsl div.module_blue {
	margin-bottom: 0;
}

/* Bottom spotlight ---*/
#ja-botsl {
	background: url(../images/bot-bg.gif) repeat-x left top #121212;
	padding-bottom: 20px;
}

#ja-botsl .main {
	width: 920px;
}

#ja-botsl h3 {
	border-bottom: 1px solid #333333;
	color: #666666;
	font-weight: bold;
	margin: 0 0 10px;
}

#ja-botsl div.ja-innerdiv {
	border: none;
}

#ja-botsl div.moduletable {
	margin-bottom: 0;
}

#ja-botsl li {
	background: url(../images/bullet.gif) no-repeat left center;
	border-bottom: none;
	line-height: normal;
	padding: 2px 0 2px 10px;
}

#ja-botsl div.moduletable_icon li {
	background: none;
	padding-left: 0;
}

#ja-botsl a {
	background: none;
	border: none;
	color: #DB7812;
	padding: 0;
}

#ja-botsl img {
	background: #303030;
	margin-top: 10px;
}

#ja-botsl ul.menu a img {
	display: block;
	float: left;
	padding: 3px 0 !important;
	vertical-align: middle;
}

#ja-botsl ul.menu a span {
	display: block;
	float: left;
	padding: 3px 0 2px;
}

/*JA Slideshow*/
#ja-slideshow {
	background: url(../images/topsl-bg.jpg) no-repeat top left;
	height: 446px;
	margin-bottom: 10px;
	overflow: hidden;
}

 
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	background: #222222;
	border-top: 1px solid #333333;
	text-align: center;
height:7em;background:#577385;margin-top:-2em;
padding-top:2em;
width:auto;
padding-bottom:0;
margin-bottom:0em;
border:none
}

#ja-footer .sublogo {
	float: left;
	margin: 0 45px 0 25px;
	width: 153px;
}

#ja-footer .ja-info {
	float: left;
	width: 65%;
}

#ja-footer .main {
	padding: 20px 0;
	text-align: left;
}

#ja-footer small {
	color: #666666;
	font-size: 100%;
	margin-top: 10px;
}

#ja-footer ul {
	line-height: normal;
	margin: 0;
}

#ja-footer li {
	background: url(../images/vline.gif) no-repeat  left top;
	display: inline;
	margin: 0;
	padding: 0 10px;
}

#ja-footer a {
	background: none;
	color: #666666;
	display: inline;
	line-height: normal;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	background: none;
	color: #FFFFFF;
	text-decoration: underline;
}

#ja-footer small a {
	color: #DB7812;
	padding-left: 3px;
}

 
/* MISCELLANOUS
----------------------------------------------------------- */
.clr {
	clear: both;
}

.hastip img {
	border: none;
	margin: 10px 5px 0 0;
}

div.ja-innerdiv {
	background: url(../images/dot2.gif) repeat-x left bottom;
	padding: 10px 0 10px;
}

div.ja-innerdiv span.title {
	display: block;
	font-weight: bold;
}

div.ja-innerdiv img {
	border: 1px solid #DDDDDD;
	margin: 5px 10px 0 0;
	padding: 3px;
}

li.ja-firstitem, .firs-titem {
	background: none !important;
	padding-left: 0 !important;
}

ul li img {
	background: none !important;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
}

/* Tooltips */
.tool-tip {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	max-width: 600px;
	padding: 5px;
}

.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#system-message {
	margin: 10px;
}

#system-message a {
	color: #333333;
}

#system-message dd {
	text-indent: 0;
}

#system-message dt.notice,
#system-message dt.error,
#system-message dt.done,
#system-message dt.message {
	display: none;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul,
#system-message dd.done ul {
	border: none;
	margin: 0;
	padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: url();
	margin: 0;
	padding: 5px 5px 5px 30px;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: url(../images/icon-info.gif) no-repeat ;
	color: #666666;
}

#system-message dd.done ul {
	background: url(../images/icon_done.gif) no-repeat  ;
	color: #666666;
}

/* System Error Messages */
#system-message dd.error ul {
	background: url(../images/icon-error.gif) no-repeat   !important;
	color: #DB7812 !important;
}

/* System fade Messages */
#system-message dd.fade ul {
	background: url(../images/icon-info.gif) no-repeat  ;
	color: #666666;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: url(../images/icon-info.gif) no-repeat  ;
	color: #666666;
}

/*NUEVOS*/
table.imagenes
{
 
  border-bottom:solid 1px black;
  text-align:center;
  margin-left:2em;
  padding-top:1em;
  padding-bottom:4em;
margin-bottom:2em;
width:36em;

}


table.imagenes td img
{
 width:90%;
 padding-left:3%;
 padding-right:3%;

}



span.men_tripartito a
{
  border:outset 1px black;
  margin-right:0;
  margin-left:0;
  padding:4px 4px 4px 4px;
  
  height:12%;
  color:white;
border-color:black;
  background:url(/../../../images/degradado_gris.jpg);

}



.men_tripartito td
{
  max-width:75em;
}


 *.cab_empleo
{
 text-align:justify;
 padding-left:1em;
 padding-top:0.3em;
 color:white;
 background:url(/../../../images/degradado_gris.jpg);
 width:41.6em;
 height:1.6em;
 margin-top:1em;
 margin-left:-0.8em;
 margin-bottom:-0.1em;
 font-size:120%;
 font-weight:bold;
}





*.tabla_empleo{
 width:52.1em;
 margin-bottom:2em;
 margin-left:-1em;
 border-left:  1px  solid #000;
 border-right: 1px  solid #000;
 border-bottom:1px  solid #000; 
 border-spacing:0;
 color:black;
}


a
{
  text-decoration:none;
  color:black;
}

table.css_cats
{ 
  background:white ;
border-spacing: 0.2em 0.2em;
margin-bottom:2em;
margin-left:-2em;
width:65em;
}

.css_cats td
{
   text-align:center;
padding: 1em 1em 1em 1em;
border-bottom:solid black 1px;


}
 .css_cats th
{
text-align:center;
font-size:90%;
 background:url(../images/box-tr.gif)    repeat-x ;
 color:white;

 min-width:9em;
 
}

.css_cats td
{
  text-align:left;
}
.css_cats td img
{
  margin-left:4em;
  
}


table.css_cats_avanza
{ 
  background:white ;
border-spacing: 0.2em 0.2em;
margin-bottom:2em;
margin-left:-2em;
width:65em;
}

.css_cats_avanza td
{
   text-align:center;
padding: 1em 1em 1em 1em;
border-bottom:solid black 1px;


}
 .css_cats_avanza th
{
text-align:center;
font-size:90%;
 background:url(../images/barra_rosa.jpg)    repeat-x ;
 color:white;

 min-width:9em;
 
}

.css_cats_avanza td
{
  text-align:left;
}
.css_cats_avanza td img
{
  margin-left:4em;
  
}




#derecha
{
  background-position: right top;
}

div.imagenes img
{

 
}

#searchForm
{
  width:36em;
  line-height:3em;
  margin-left:4em;
}

table.contenpaneopen{
width:2em;
}
.MsoNormal
{
 width:70em;
 margin-right:-4em;
}
td
{
max-width:30em ;
}


.corporativa
{
  width:44em;
 
}

fieldset
{
 width:35em;
 margin-left:2em;

}
div .pagination
{
 width:42em;
 margin-right:32em;
 overflow:hidden;
}

.PDF
{
  width:45em;
  height:45em;
  margin-left:2em;
  margin-bottom:1em;
  font-size:1.6em;
 
}

.modulebuscar
{
background:url(../../../cuadro_azul_XL.jpg) repeat-x #577385;
  height:100%;
  margin-top:0em;
  margin-bottom:2em;

}

.article-content p
{
 max-width:50em; 
}


.imgs  li
{
 list-style:none url() !important;
padding-left:0;
margin-left:0em;
}
h1,h2,h3,h4,h5
{
margin-bottom:2em;
}

ul li
{
 list-style-type:none;
  list-style-image:url();
  margin-left:0;
}

#ja-current-content div
{
 width:60em;
}

a span
{
  color:black;
}
.primera
{

width:30em !important;
 
}
.contentpaneopen  div
{
 
margin-left:3em;
text-align:justify;

}
.pagination
{
  margin-left:-8em;
  overflow:auto !important;
}
.barra_accesi
{
 display:inline;
 margin-top:2.4em;
 width:auto;
}

#menuprincipal
{
  width:110em;
}

#menuprincipal li {
	
	cursor: pointer;
	display: block;
	float: left;
	margin-right:-3px;
	margin-left:0;
	padding: 0 0 0 0;
	position: relative;

}

#formativa
{
 background:url(../../../menu/propuesta_.jpg) top left no-repeat;display:block;width:215px;height:40px;
}

#corporativa
{
 background:url(../../../menu/corporativa_.jpg) top left no-repeat;display:block;width:143px;height:40px;
}
#partner
{
 background:url(../../../menu/partners_.jpg) top left no-repeat;display:block;width:168px;height:40px;
}
#tripartita
{
 background:url(../../../menu/formempleo_.jpg) top left no-repeat;display:block;width:220px;height:40px;
}
#learning
{
 background:url(../../../menu/elearning_.jpg) top left  no-repeat;display:block;width:179px;height:40px;
}
#buscador
{
margin-left:0px;
 background:url(../../../menu/buscador_.jpg) top left  no-repeat;display:block;width:188px;height:40px;

}
#learning:hover, #partner:hover,#corporativa:hover, #formativa:hover, #tripartita:hover
,#learning:hover, #partner:focus,#corporativa:focus, #formativa:focus, #tripartita:focus
{ text-decoration:none!important;border:none !important;}

#formativa.select
{
 background-image:url(../../../menu/propuesta.jpg) ;
 
}
#corporativa.select
{
 background-image:url(../../../menu/CORPORATIVA.jpg) ;
}
#partner.select
{
 background-image:url(../../../menu/partnerS.jpg) ;
}
#tripartita.select
{
 background:url(../../../menu/formempleo.jpg)  top left no-repeat;
}
#learning.select
{
 background-image:url(../../../menu/elearning.jpg) ;

}
#acc_butons
{
 text-align:center;
 background: url(../../../menu/bloque_As.jpg) right top no-repeat;
 padding-right:0.1em;
 
}
#acc_butons img
{
text-align:center;
}
#learn_text
{
  width:26em;
 margin-top:-58em;
 margin-left:24em;
 background: url(../../../learning/elearning5.jpg) left top no-repeat;
 padding-right:0.1em;
 margin-bottom:0;
}
#learn_text p
{
  width:25em;
  margin-top:0em;
  margin-bottom:2em;
}
#learn_img
{
 margin-top:2em;
 width:25em;
 
 list-style-type:none;
}
#menuprincipal li a:hover
{
  text-decoration:none;
}
.blanco
{
 background:white ;
 padding-top:2px;
}
.blancoie7
{
background:white ;
}
.gris
{
background:url(../../../acc_cent.png)   center left  repeat-x;
}
#barra_portal
{
  min-width:30em;

  
}
#barra_portalie8 img
{

width:10em;
overflow:hidden;

margin-right:-3em;
}
#blanco_ie8
{
 
 padding-left:0;
}

.grande p
{
  min-width:50em;
  max-width:50em;
  width:50em; 
}

#ficha
{
  text-align:justify;
  position:absolute;
  top:32em;
  left:89em;
  width:20em;
  float:left;
}


#ficha img,#ficha_oscura img
{
 margin:0 0 0 0;
 margin-bottom:0.7em;
}

.saber
{
font-size:100%;
  position:absolute;
 left:-30em;
 top:6em;
text-decoration:underline;
color:blue;
}


.pie_nota
{
font-size:1em;
  display:block;
  width:11em;
  height:2.7em;
padding-right:1em;
padding-left:2em;

  color:white;
  text-align:justify;
  color:white;
  font-weight:bold;
  border-right:solid  white 1px;


  line-height:1.4em;
}
#categoria
{
  width:27.8em;
  background-color:white;
}

    #categoria th
  {
    background: url(../../../menu/barra.jpg) top left  no-repeat;  
    color:white;
    font-weight:bold;
    text-align:center;
    height:1.5em;
    font-size:1.2em;
    text-transform:uppercase;
  }
 
  #categoria td
  {
   padding-left:0.6em;
   
  }
.grisaceo
{

color:black;
border: solid #ccddcc 1px;
border-top:none;
}
.grisaceo .expandir li a
{
  font-size:1.2em;
}

.metodologia
{
font-family:arial;
color:black;
font-size:1.1em;
}
.metodologia td 
{
 min-width:20em;
 padding-top:0;
 
}

.metodologia th{ text-align:center;}

.guion
{
  margin-left:2em;
}



.abajo_18
{
  margin-bottom:18pt;
}










