/* COMMON STYLE
--------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 150%;
	width:100%;
	height:100%;
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

/* Normal link */
a {
	color: #006699;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

/* Heading */
h1 {
	font-size: 150%;
}

h2 {
	font-size: 125%; /*150%;*/
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 0;
	/*background: url(../images/bullet.gif) no-repeat 18px 8px;*/ /*fred*/
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size:97%;
}

img {
	border: none;
}
/* FORM
--------------------------------------------------------- */

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 20px;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	float: right;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 4px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #ECECEC;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	margin: 0 0 10px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
	font-size: 150%;/*200%;*/
	font-weight: bold;
	color: #e20177;
	
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	padding: 5px 0 8px;
	margin: 0 0 8px 0; /*0;*/
	font-weight: normal;
	/*fred*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #e20177;
	font-weight: bolder;
}

/*fred*/
h2.contentheading, .contentheading a{
	color: #e20177;
}

table.blog .contentheading {
	font-size: 140%;
}

.contentheading {
	font-size: 200%;
}


a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid  #dedede;
	display: block;
	background: url(../images/arrow.png) no-repeat 5px 48%;
	color: #e20177; /*color: #006699;*/
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size:10px;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #444444;
	color: #FFFFFF;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
	font-size: 80%;
	color: #777777 ;
	margin:0 0 15px 0;
}

#ja-pathway a:hover {
text-decoration:underline;
color:#006699;
}

#ja-pathway strong {
	margin-right: 5px;
	font-weight: normal;
}

#ja-pathway a {
	text-decoration: none;
}

#ja-pathway img {
	margin: 1px 5px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 8px;
	right: 70px;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

/*others*/
#ja-banner {
/*	margin: 15px 0;*/
margin:0 auto;
padding:0;
	text-align: center;

	font-size: 1px;
}

.banneritem {
/*display: block;*/
/*margin-top: -15px;*/
margin:0 auto;
padding:0;

/*clear:left;*/
clear:none;
font-size: 1px;
}

.bannergroup {
/*display: block;*/
/*margin-top: -15px;*/
margin:0 auto;
padding:0;

/*clear:left;*/
clear:none;
font-size: 1px;
}


div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#form-login p {
	margin: 0 0 5px;
}

#form-login ul {
	margin: 10px 0 0;
}

#form-login .inputbox {
	width: 90%;
}

.clr {
	clear: both;
}

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}



/*********************************************************
*
*            ESTILOS GUAYAQUIL.CSS
*
*
**********************************************************/



/*---- CONTENEDOR GENERAL -----*/
#contenido{
width:1000px;
/*height:100%;*/
margin:-5px auto auto auto;
padding-top:0;
background-image: url(../../../images/stories/banco_guayaquil/nueva/repeat.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

/*----- BOTTOM (viene despu�s de todo el contenido) ------*/
#bottom{
/*background-image:url(../../../images/stories/banco_guayaquil/nueva/abajo_navegacion.gif);
background-position:top;
background-repeat:no-repeat;*/
width:1000px;
height:16px;
margin:0 auto;
}

/*#footer{
width:1000px;
margin:auto;
background-color:#FFFFFF;
padding-bottom:5px;
text-indent:10px;
}*/

/*----- ENCABEZADO ----*/
#top{
width:1000px;
height:92px;
background-image: url(../../../images/stories/banco_guayaquil/nueva/logotipo_guayaquil1-4.gif);
background-repeat:no-repeat;
background-position:top left;
}


/*DIVISI�N ENTRE LINKS MEN� TOP*/
.div_links_top{
border-right: 1px solid #3399CC;
padding-right:5px;
margin-right:5px;
}

/*------------------------------------------------------*/

/*FLASH CENTRAL (MEN� Y FOTO GRANDE CENTRO)*/
#flash{
width:768px;
height:277px;
margin:0;
padding:0;
}

/*(s�lo para la versi�n prueba slideshow*/
/*#menu_flash{
margin-top:-277px;
width:200px;
}
*/

/*SOMBRA QUE EST� POR DEBAJO DE LA FOTO CENTRAL*/
#sombra_foto{
background-image:url(../../../images/stories/banco_guayaquil/nueva/abajo_foto.jpg);
background-position:top left;
background-repeat:no-repeat;
width:597px;
height:10px;
margin-left:181px;
margin-top:0;
}
	

/*SUB-CONTENEDOR, POR DEBAJO DEL MEN� TOP*/
#info{
padding-bottom:0;
margin:0;
/*height:100%;*/
}

#bloque_centro_abajo{
width:774px;
/*height:100%;*/
/*padding-bottom: 10px; /*35%*/
border-right: 1px solid #c9cacc;
/*nuevo*/
/*float:left;
margin-top:-600px;*/
}

/*MEN� LATERAL IZQUIERDO DE "PRODUCTOS Y SERVICIOS" -A LADO DEL TEXTO CENTRAL*/

#productos_main{
float:left;
width:182px;
height:auto;
margin-top:-26px;

}

#productos_top{
background-image: url(../../../images/stories/banco_guayaquil/nueva/1a.jpg);
background-position:top left;
background-repeat:no-repeat;
width:182px;
height:10px;
margin-top:2px;
}

#productos{
background-image: url(../../../images/stories/banco_guayaquil/nueva/2a.jpg);
background-position:top left;
background-repeat:repeat-y;
width:182px;
padding-top:5px;
line-height:12px;
}

#contenido_productos{
padding-left:10px;
width:152px;
padding-bottom:5px;
}

/*fred*/
#contenido_productos ul li{
background-image:none;
list-style:none;
padding:0;
}
/*------*/

#productos_bottom{
background-image: url(../../../images/stories/banco_guayaquil/nueva/3a.jpg);
background-position:top left;
background-repeat:no-repeat;
width:182px;
height:57px;
margin-top:-5px;

}


/*MEN� LATERAL DERECHO "SERVICIOS" -A LADO DEL TEXTO CENTRAL*/
#servicios{
/*AS� ESTABA ORIGINALMENTE (men� junto al texto)*/
/*width:116px;
float:right;*/

/*AHORA ES AS� (men� dentro de los m�dulos FAR RIGHT*/
margin-bottom:10px;
margin-left:-3px;
}



/*MODULOS FAR RIGHT*/
#modulos_far_right{
float:right;
width:215px;
height:100%;
margin-top:-317px;
border-left: 1px solid #c9cacc;
padding-left:10px;
padding-top:30px;
padding-bottom:0;
/*margin-bottom:20px;*/
}

.block_der{
	border: 1px solid #3399CC;
	width: 200px;
	height:145px;
/*margin-bottom:15px;*/
}

.block_der_seg{
	border: 1px solid #3399CC;
	width: 200px;
	height:120px;
/*margin-bottom:15px;*/
}

.block_der_flikr{
border: 1px solid #3399CC;
width: 200px;
height:225px; /*190*/
/*margin-bottom:15px;*/
}

/*nuevo*/
.block_der_footer{
border: 1px solid #9bcde6;
border-top: 1px solid #3399cc;
width: 180px;
height:22px;
margin-bottom:15px;
margin-top:-1px;
/*nuevo*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004990;
	background-color:#edf2f7;
	padding:0 10px;
}
/*nuevo*/
.texto_footer_block_der   {
/*	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004990;
	height:22px;
	background-color:#edf2f7;
	padding:0 10px;*/
	margin-top:0;
}



/*---SIDEBAR -C�digo para el men� izq. de PRODUCTOS Y SERVICIOS----*/
#sidebar {
	 background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */
     top: 0;
     width: 152px;
}

#sidebar p {
     margin: 10px;
}

#sidebar ul {
     list-style: none;
     padding: 0;
     margin: 10px 0 0 -3px;
}

#sidebar ul li a {
     display: block;
     border: 1px solid #cfddea;
     background: #ffffff;
     margin: 3px;
     padding: 2px 2px 2px 5px;
     font: 10px Arial, Helvetica, sans-serif;
     text-decoration: none;
     color: #666666;
     outline: 0;
}

#sidebar ul li.current a {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

#sidebar ul li a:hover {
     background: #8294c1;
     color: #ffffff;
}

#sidebar ul li a strong {
     display: block;
}
#sidebar ul li a span {
    /* font-style: italic;*/
     font-size: 11px;
}	 
	
/* TEXTOS */

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

.texto_articulo    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	padding-right:15px;/*nuevo*/
	text-align: justify;
}

.texto_articulo_noticias    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 15px;
	padding-right:15px;/*nuevo*/
}

.texto_articulo_noticias ul   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 15px;
	padding-right:15px;/*nuevo*/
}

.texto_articulo ul li {
list-style-image: url(../../../images/stories/banco_guayaquil/administradora_de_fondos_y_fideicomisos_bg/flecha.gif);
	list-style-position: outside;
	background-image:none;
	/*nuevo*/
	padding-left:0;
	margin-left:25px;
/*nuevo*/
	padding-right:15px;
	margin-top:0;
	line-height: 17px;
}

.texto_articulo_nolist ul li{
	list-style-position: outside;
	background-image:none;
	/*nuevo*/
	padding-left:0;
	margin-left:50px;
/*nuevo*/
	padding-right:15px;
	margin-top:0;
	list-style:circle;
}

.texto_articulo_bold    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	font-weight: bolder;
}

.texto_articulo_bold2    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 17px;
	font-weight: bolder;
}


.titulo   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #e20177;
	font-weight: bolder;
}

.titulo66   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3399CC;
	font-weight: bolder;
}


/*Texto Central*/
#texto{
width:73%;
margin-left:195px;
margin-bottom:0px;
/*margin-top:-400px;*/

}

/*Textos del m�dulo "FAR RIGHT"*/
.titulo_block_der   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #004a90;
	font-weight: bolder;
	height:20px;
	background-color:#dbe5ef;
	padding:5px 10px;
	margin-top:0;
}

.titulo_block_der_tall   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:15px;
	font-size: 13px;
	color: #004a90;
	font-weight: bolder;
	height:30px;
	background-color:#dbe5ef;
	padding:5px 10px;
	margin-top:0;
}

.titulo_block_der_red   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bolder;
	height:20px;
	background-color:#F00;
	padding:5px 10px;
	margin-top:0;
}

.subtitulo_block_der{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:12px;
	color: #666666;
	font-weight: bolder;
	height:15px;
	margin-top:-10px;
}

.texto_block_der    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 12px;
	padding:0 5px 0 10px;
	margin-top:-6px;/*nuevo*/
}

.menuprinci    {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e20177;
	font-weight: bolder;
	letter-spacing: -0.01em;
}

.menuprinci2   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e20177;
	font-weight: bolder;
	letter-spacing: -0.01em;
}


.textopeque     {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.textosformgris     {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8095a7;
}

.textolabel    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	font-weight: bolder;
}

/* LINKS */

/*Links arriba de MEN� TOP*/
.linkarriba      {
	font-family: arial, "helvetica sans-serif";
	font-size: 11px;
	color: #002878;
	
}
.linkarriba  a:link {
	color: #002878; text-decoration: none;
}
.linkarriba  a:visited  { color: #002878; text-decoration: none; }
.linkarriba  a:active { color: #002878; text-decoration:none; }
.linkarriba a:hover  { color: #e20177; text-decoration: underline;}

/*Links TOP MEN�*/
.links_top2{
	width:420px;
	padding-top:43px;
	padding-left:15px;
	
	}
/*-------------------*/

.linkresponsabilidad      {
	font-family: arial, "helvetica sans-serif";
	font-size: 11px;
	color: #004488;
}
.linkresponsabilidad   a:link {
	color: #3399CC;
	text-decoration: underline;
}
.linkresponsabilidad   a:visited  { color: #3399CC; text-decoration: underline; }
.linkresponsabilidad   a:active { color: #3399CC; text-decoration:underline; }
.linkresponsabilidad   a:hover  { color: #004488; text-decoration: underline;}

.linkarriba_txt      {
	font-family: arial, "helvetica sans-serif";
	font-size: 12px;
	color: #e20177;
}
.linkarriba_txt  a:link {
	color: #002878;
	text-decoration: underline;
}
.linkarriba_txt  a:visited  { color: #002878; text-decoration: underline; }
.linkarriba_txt  a:active { color: #002878; text-decoration:underline; }
.linkarriba_txt  a:hover  { color: #e20177; text-decoration: underline;}


.vermas      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 10px;
	color: #cc9900;
	font-weight: bolder;
}
.vermas a:link { color: #cc9900; text-decoration: underline;}
.vermas a:visited  { color: #cc9900; text-decoration: underline; }
.vermas a:active { color: #cc9900; text-decoration:underline; }
.vermas a:hover  { color: #cc9900; text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}
	
	.vermas55      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 11px;
	color: #cc9900;
	font-weight: bolder;
}
.vermas55 a:link { color: #cc9900; text-decoration: underline;}
.vermas55 a:visited  { color: #cc9900; text-decoration: underline; }
.vermas55 a:active { color: #cc9900; text-decoration:underline; }
.vermas55 a:hover  { color: #cc9900; text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}
	
	.vermasnew      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 12px;
	color: #00a650;
	font-weight: bolder;
}
.vermasnew a:link { color: #00a650; text-decoration: underline;}
.vermasnew a:visited  { color: #00a650; text-decoration: underline; }
.vermasnew a:active { color: #00a650; text-decoration:underline; }
.vermasnew a:hover  { color: #cc9900; text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cc9900;}
	
	.vermas3      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 9px;
	color: #cc9900;
	font-weight: bolder;
}
.vermas3 a:link { color: #cc9900; text-decoration: underline;}
.vermas3 a:visited  { color: #cc9900; text-decoration: underline; }
.vermas3 a:active { color: #cc9900; text-decoration:underline; }
.vermas3 a:hover  { color: #cc9900; text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}

.vermas2      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 10px;
	color: #666666;
	font-weight: bolder;
}
.vermas2 a:link { color: #666666; text-decoration: underline;}
.vermas2 a:visited  { color: #666666; text-decoration: underline; }
.vermas2 a:active { color: #666666; text-decoration:underline; }
.vermas2 a:hover  { color: #666666; text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}
	
.footerfinal      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 10px;
	color: #00a650;
}
.footerfinal a:link { color: #666666; text-decoration: underline;}
.footerfinal a:visited  { color: #666666; text-decoration: underline; }
.footerfinal a:active { color: #666666; text-decoration:underline; }
.footerfinal a:hover  { color: #666666; text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}
	
	.footerfinal22      {
	font-family: verdana, arial, "helvetica sans-serif";
	font-size: 10px;
	color: #00a650;
}
.footerfinal22 a:link { color: #000000; text-decoration: underline;}
.footerfinal22 a:visited  { color: #000000; text-decoration: underline; }
.footerfinal22 a:active { color: #000000; text-decoration:underline; }
.footerfinal22 a:hover  { color: #000000; text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00a650;}
	

/* FORMS */

.form {
	background-color: #FFFFFF;
	color: #8197a9;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	border: 1px inset #30a4dc;
	margin: 3px 2px -1px 0;
	background-image: url(../../../images/stories/banco_guayaquil/home/degra.jpg);
	background-repeat: repeat-x;
	padding:0;
}

/*el input en los links superiores*/
.input2{
background-color:#004990;
color:#FFFFFF;
width:43px;
height:15px;
border:0;
margin-top:-5px;
font-size:11px;
font-family: arial, "helvetica sans-serif";
padding:0 1px 1px 1px;
}

/*VARIOS*/

#fondo_head{
background-image: url(../../../images/stories/banco_guayaquil/nueva/head_celeste.jpg);
background-position:left top;
background-repeat:repeat-x;
width:100%;
height:65px;
/*padding-left:40px;*/
/*float:right;*/
}

.imagen_head_frames{
margin-top:-58px;
}

/*ALTO DE L�NEAS PARA UN ELEMENTO DE MEN� Y EL T�TULO DEL TEXTO CENTRAL*/
.lineas{
line-height:12px;
}

.lineas2{
line-height:20px;
}

/*ESTILO PARA CENTRAR UNA IMAGEN EN EL HTML*/
.centerimage{
text-align:center;
margin-top:-4px;
margin-bottom:0px;
padding:0px;
}

.minilogo{
 margin-top:-37px;
 margin-right:5px;
float:right;
}




/*ESTILOS RICARDO*/

.titulo_pagina_final   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #e20177;
	font-weight: bolder;
	line-height:25px;
}

.titulo_pagina_final_azuln   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #004990;
	font-weight: bolder;
	line-height:25px;
}

.titulo_pagina_final_final   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #004990;
	font-weight: bolder;
	line-height:23px;
}

.titulo_pagina_final_final555   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #004990;
	line-height:23px;
}

.subtitulo_pagina_final   {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004990;
	font-weight: bolder;
}

#menu_subnavegacion_final{
width:440px;
margin:0 auto auto auto;
padding-bottom:13px;
padding-top:7px;
}

.linkresponsabilidad_otro      {
	font-family: arial, "helvetica sans-serif";
	font-size: 12px;
	color: #3399CC;
	line-height:19px;
}
.linkresponsabilidad_otro   a:link {
	color: #004488;
	text-decoration: underline;
}
.linkresponsabilidad_otro   a:visited  { color: #3399CC; text-decoration: underline; }
.linkresponsabilidad_otro   a:active { color: #3399CC; text-decoration:underline; }
.linkresponsabilidad_otro   a:hover  { color: #3399CC; text-decoration: underline;}

.texto_articulo_nuevo    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004488;
	line-height: 17px;
	font-weight: bolder;
}

.texto_articulo_rosado    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e20177;
	line-height: 17px;
	font-weight: bolder;
}

.texto_articulo_bolder_otro    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	font-weight: bolder;
}

.margen_arriba5{
padding-top:10px;
margin-left:0px;
padding-left:0px;
}
.margen_arriba555{
padding-top:10px;
}

.flecha_final{
	list-style-image: url(../../../images/stories/banco_guayaquil/administradora_de_fondos_y_fideicomisos_bg/flecha.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	list-style-position: outside;
	background-image:none;
	/*fred*/
	padding-left:0px;
	margin-left:30px;
}

/*.flecha_final ul{
background-image:none;
}*/


.flecha_final_inside{
	list-style-image: url(../../../images/stories/banco_guayaquil/administradora_de_fondos_y_fideicomisos_bg/flecha.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	list-style-position: inside;
}

.linkresponsabilidad_otro_bolder      {
	font-family: arial, "helvetica sans-serif";
	font-size: 12px;
	color: #3399CC;
	font-weight: bolder;
	line-height:24px;
}
.linkresponsabilidad_otro_bolder   a:link {
	color: #004488;
	text-decoration: underline;
}
.linkresponsabilidad_otro_bolder   a:visited  { color: #3399CC; text-decoration: underline; }
.linkresponsabilidad_otro_bolder   a:active { color: #3399CC; text-decoration:underline; }
.linkresponsabilidad_otro_bolder   a:hover  { color: #3399CC; text-decoration: underline;}

.tablag_guayaquil_0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #dfeef5;
	text-indent: 5px;
}

.tablag_guayaquil_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #3399cc;
	text-indent: 5px;
}

.tablag_guayaquil_1_bolder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #f1f4f7;
	font-weight: bolder;
	text-indent: 5px;
}

.tablag_guayaquil_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #004990;
	font-weight: bolder;
	text-indent: 5px;
}

.tablag_guayaquil_2_rosado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #e20177;
	font-weight: bolder;
	text-indent: 5px;
}

.tablag_guayaquil_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004990;
	background-color: #dbe5ef;
	font-weight: bolder;
	text-indent: 5px;
}

.tablag_guayaquil_3_peque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004990;
	background-color: #dbe5ef;
	font-weight: bolder;
	text-indent: 5px;
}

.texto_articulo_italic    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	font-style: italic;
}

.form_especial_guayaquil_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #004990;
	font-weight: bolder;
}

.texto_articulo_bolder_otro_italic   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	font-weight: bolder;
	font-style: italic;
}

.link_rosado_nuevo      {
	font-family: arial, "helvetica sans-serif";
	font-size: 12px;
	color: #e20177;
	font-weight: bolder;
	line-height:24px;
}
.link_rosado_nuevo    a:link {color: #e20177;text-decoration: underline;}
.link_rosado_nuevo    a:visited  { color: #e20177; text-decoration: underline; }
.link_rosado_nuevo    a:active { color: #e20177; text-decoration:underline; }
.link_rosado_nuevo    a:hover  { color: #3399CC; text-decoration: underline;}

.linkresponsabilidad_otro_bolder3      {
	font-family: arial, "helvetica sans-serif";
	font-size: 16px;
	color: #3399CC;
	font-weight: bolder;
	line-height:24px;
}
.linkresponsabilidad_otro_bolder3   a:link {
	color: #004488;
	text-decoration: underline;
}
.linkresponsabilidad_otro_bolder3  a:visited  { color: #3399CC; text-decoration: underline; }
.linkresponsabilidad_otro_bolder3   a:active { color: #3399CC; text-decoration:underline; }
.linkresponsabilidad_otro_bolder3  a:hover  { color: #3399CC; text-decoration: underline;}

#columna1{
width:200px;
text-align:center;
float:left;
}

#columna2{
width:200px;
text-align:center;
float:right;
}

.leyenda{
color: #8294c1;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: bolder;
line-height: 1.2em;
text-align:center;/*volví a agregar*/
/*nuevo*/
margin-top:23px;
margin-bottom:23px;
padding-right:10px;
}


.subtitulo   /*ROSADO GRANDE*/	
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e20177; 
	font-weight: bolder;
}

.subtitulo2  /*CELESTE*/ 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3399CC;
	font-weight: bolder;
}

.subtitulo3   /*AZUL MARINO*/
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #004990;
	font-weight: bolder;
	line-height:17px;
		padding-right:5px;/*nuevo*/
}

.subtitulo4  /*ROSADO M�S PEQUE�O*/
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e20177;
	font-weight: bolder;
}

/* ESQUINAS SUP. IZQ. DE LAS FOTOS PRINCIPALES */
#fondo_top_menu1{
/*background-image:url(../../../images/stories/banco_guayaquil/nueva/nav_guayaquil22.gif);
background-repeat:no-repeat;
background-position:left bottom;*/
width:657px;
height:37px;
padding-left:93px;
}



/*********************************************************
*
*          MENU PRINCIPAL DEL SITIO ja-sosdmenu.css
*
*
**********************************************************/



/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

/*--------------------------- LAYOUT ----------------------------*/
#ja-mainnav, #ja-mainnav ul {
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-size:11px;/*fred*/
}

#ja-mainnav a {
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 5px 15px;/*10px 20px;*/
}

#ja-mainnav li { /* all list items */
	float: left;
	margin: 0;
	padding: 0;
}

#ja-mainnav li ul { /* second-level lists */
	position: absolute;
	width: 202px;
	/*
	 * Using left instead of display to hide menus because display: none isn't
	 * read by screen readers
	 */
	left: -999em;
}

#ja-mainnav ul ul a { /* sub-links */
	width: 160px;
}

#ja-mainnav li ul ul { /* third-and-above-level lists */
	margin: -42px 0 0 200px;
}

#ja-mainnav li:hover ul ul,
#ja-mainnav li:hover ul ul ul,
#ja-mainnav li.sfhover ul ul,
#ja-mainnav li.sfhover ul ul ul {
	left: -999em;
}

#ja-mainnav li:hover ul,
#ja-mainnav li li:hover ul,
#ja-mainnav li li li:hover ul,
#ja-mainnav li.sfhover ul,
#ja-mainnav li li.sfhover ul,
#ja-mainnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*--------------------------- VISUAL ----------------------------*/
/* -------- All levels -------- */
#ja-mainnavwrap {
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF;
}
#ja-mainnav ul, #ja-mainnav li {
	background-image: none;
	list-style: none;
	border-left: 1px solid #2b6484;
}

#ja-mainnav span.separator {
	display:none;
}

/* -------- Top level -------- */
#ja-mainnav > ul {
	background-color: #FFFFFF;
	padding-left: 20px;
}

#ja-mainnav > ul > li {
	background-color: #FFFFFF;
	border-left: 1px solid #2b6484;
	border-right: 1px solid #2b6484;
	margin-right: 1px;
}

#ja-mainnav > ul > li.active {
	background: url(../images/arrow2.png) no-repeat bottom center #FFFFFF;
	color: #CCCCCC;
}

#ja-mainnav > ul > li:hover,
#ja-mainnav > ul > li:active,
#ja-mainnav > ul > li:focus {
	background: url(../images/arrow2.png) no-repeat bottom center #FFFFFF;
	color: #FFFFFF;
}

/* -------- sub-levels -------- */
#ja-mainnav ul ul li {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 1px;
}

#ja-mainnav li ul { /* second-level lists */
	background-color: #FFFFFF;
}

#ja-mainnav li a {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

#ja-mainnav ul ul  li:hover,
#ja-mainnav ul ul  li:active,
#ja-mainnav ul ul  li:focus {
	background: #FFFFFF;
	color: #FFFFFF;
}
/*old css*/
/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-mainnav ul.menu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
	border-right: 1px solid #2b6484;
}

#ja-mainnav ul.menu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-mainnav ul.menu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
	list-style: none;
}

#ja-mainnav ul.menu li ul {
	width: 16em;
	position: absolute; /* second-level lists */
	z-index: 99;
	height: auto;
	w\idth: 16em;
}

#ja-mainnav ul.menu li ul ul {
	margin: -2.5em 0 0 16em; /* third-and-above-level lists */
}

#ja-mainnav ul.menu li li {
	padding: 0 0em 0 0;
	margin: 0;
	width: 16em;
}

#ja-mainnav ul.menu ul a {
	width: 16em;
	w\idth: 14.6em;
}

#ja-mainnav ul.menu li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#ja-mainnav ul.menu li:hover ul ul, #ja-mainnav ul.menu li:hover ul ul ul,
#ja-mainnav ul.menu li.sfhover ul ul, #ja-mainnav ul.menu li.parentsfhover ul ul, #ja-mainnav ul.menu li.parent-activesfhover ul ul, #ja-mainnav ul.menu li.activesfhover ul ul,
#ja-mainnav ul.menu li.sfhover ul ul ul, #ja-mainnav ul.menu li.parentsfhover ul ul ul, #ja-mainnav ul.menu li.parent-activesfhover ul ul ul, #ja-mainnav ul.menu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-mainnav ul.menu li:hover ul, #ja-mainnav ul.menu li li:hover ul, #ja-mainnav ul.menu li li li:hover ul,
#ja-mainnav ul.menu li.sfhover ul, #ja-mainnav ul.menu li.parentsfhover ul, #ja-mainnav ul.menu li.parent-activesfhover ul, #ja-mainnav ul.menu li.activesfhover ul,
#ja-mainnav ul.menu li li.sfhover ul, #ja-mainnav ul.menu li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li.activesfhover ul,
#ja-mainnav ul.menu li li li.sfhover ul, #ja-mainnav ul.menu li li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-mainnav ul.menu li a {
	margin: 0;
	padding: 11px 7px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	display: block;
	color: #e20177;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

#ja-mainnav ul.menu li a:hover,
#ja-mainnav ul.menu li a:active,
#ja-mainnav ul.menu li a:focus {
	background: url(../images/arrow2.png) no-repeat bottom center #f4f9fd;
	color: #0f5294;
}

#ja-mainnav ul.menu li {
	margin: 0;
}

#ja-mainnav ul.menu li:hover,
#ja-mainnav ul.menu li.sfhover,
#ja-mainnav ul.menu li.parentsfhover,
#ja-mainnav ul.menu li.parent-activesfhover {
	background: url(../images/arrow2.png) no-repeat bottom center #FFFFFF;
	color: #FFFFFF;
}

#ja-mainnav ul.menu ul li.parent {
	background: url(../images/arrow.png) no-repeat center right;
	color: #FFFFFF;
}


#ja-mainnav ul.menu li.active a,
#ja-mainnav ul.menu li.active a:hover,
#ja-mainnav ul.menu li.active a:active,
#ja-mainnav ul.menu li.active a:focus {
	background: url(../images/arrow2.png) no-repeat bottom center #f4f9fd;
	color: #0f5294;
}

/* 2nd level and above */
#ja-mainnav ul.menu li ul {
	border: 1px solid #FFFFFF;
	background: url(../images/opaque.png);
}

#ja-mainnav ul.menu li ul li {
	border-top: 1px solid #e6f3ff;
	border-bottom: 1px solid #f4f9fd;
	background: none;
}

#ja-mainnav ul.menu li ul a {
	border-right: none;
	margin: 0;
	padding: 6px 7px;
	background: none;
	color: #105194;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
}

#ja-mainnav ul.menu li.havesubchild,
#ja-mainnav ul.menu li.havesubchild-active {
	background: url(../images/bullet2.gif) no-repeat 94% 100%;
}

#ja-mainnav ul.menu li ul a:hover,
#ja-mainnav ul.menu li ul a:active,
#ja-mainnav ul.menu li ul a:focus,
#ja-mainnav ul.menu ul li:hover,
#ja-mainnav ul.menu ul li.sfhover,
#ja-mainnav ul.menu ul li.havesubchildsfhover,
#ja-mainnav ul.menu ul li.havesubchild-activesfhover,
#ja-mainnav ul.menu ul ul li:hover,
#ja-mainnav ul.menu ul ul li.sfhover,
#ja-mainnav ul.menu ul ul li.havesubchildsfhover,
#ja-mainnav ul.menu ul ul li.havesubchild-activesfhover {
	background: #95a4ca;
	color: #ffffff;
}

#ja-mainnav ul.menu ul li.active a,
#ja-mainnav ul.menu ul li.active a:hover,
#ja-mainnav ul.menu ul li.active a:active,
#ja-mainnav ul.menu ul li.active a:focus {
	background: none !important;
	color: #004990;
}

#ja-mainnav ul.menu li.active li a,
#ja-mainnav ul.menu li.active li a:hover,
#ja-mainnav ul.menu li.active li a:active,
#ja-mainnav ul.menu li.active li a:focus {
	background: none !important;
}

#ja-mainnav h3 {
	display: none;
}

#ja-mainnav .moduletable_menu {
	background: none;
	margin: 0;
	padding: 0;
}


/*********************************************************
*
*          SYSTEM.CSSS AND GENERAL.CSS
*
*
**********************************************************/


/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}


/*********************************************************
*
*          SYSTEM.CSSS AND GENERAL.CSS
*
*
**********************************************************/

dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
	/*width:50px;*/
}

dl.tabs dt {
	float: left;
	padding: 3px 6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
	font-size:10px;
	/*width:50px;*/
}

dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #004990;/*#000;*/
	font-weight:bold;

}

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 8px 10px;
	/*nuevo fred*/
	float:left;
	width:95%;
}

div.current dd {
	padding: 0;
	margin: 0;
}


/*********************************************

				FLICKR


**********************************************/


/* Photo
---------------------------------------------*/
#PhotoBox {
	padding: 30px 30px 0 30px;
}

#Container {
	position: relative;
	height: 100px;
	width: 180px;
	margin: 0 auto;
	background-color: #808080;
	border: none;
	font-size: 0px;
}


/* Photo Navigation
---------------------------------------------*/

#Controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../test/img/controls.gif) left top no-repeat;
	height: 28px;
	width: 67px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
}

#Controls a {
	text-indent: -9000px;
	float: left;
	display: block;
	height: 28px;
}

#PrevLink { width: 25px; background: transparent url(../test/img/controls.gif) left top no-repeat; }
#PlayToggle { width: 17px; background: transparent url(../test/img/controls.gif) -25px top no-repeat; }
#NextLink { width: 25px; background: transparent url(../test/img/controls.gif) -42px top no-repeat; }

#PrevLink:hover { width: 25px; background: transparent url(../test/img/controls.gif) left -28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(../test/img/controls.gif) -25px -28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(../test/img/controls.gif) -42px -28px no-repeat; }


/* Loading
---------------------------------------------*/

#Loading {
	text-align: left;
	padding: 20px 0 0 20px;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle;
}

#Loading img {
	vertical-align: -30%;
	margin-right: 3px;
}


/* Caption
---------------------------------------------*/

#CaptionContainer {
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
	width: 180px;
	line-height:15px;
	color:#004a90;
}

#CaptionContainer p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#Counter {
	padding-right: 5px;
	color: #999;
}

/* NUEVO
----------------------------------------------*/

#captionflickr{
line-height:12px;
margin-top:-5px;
padding:5px;
font-size:11px;
display:block;
}

#wrap {
	clear:left;
	height:140px;/*100px;*/
	width:180px;
	display:block;
	overflow:hidden;
	position:relative;
}
#carousel {
	width:10000px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
#carousel li {
	height:140px;
	width:180px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}

#barra_btns{
 width:179px; 
 height:22px; 
 margin:0 auto; 
 background-color:#edf2f7;
 padding:2px 0 0 0;
 border: 1px solid #9bcde6;
 }
 
#btns{
width:43px;
margin:0 auto;
}

#previous, #next {
	display:block;
	height:18px;
	/*text-indent:-4000em;*/
	/*margin-top:-10px;*/
	/*cursor:pointer;*/
	}
	
	#previous, #next img {
	cursor:pointer;
	}

	#previous {
		float:left;
		width:20px;
		height:18px;
		/*background:url(../images/flickr/izq2.jpg) no-repeat top left;*/
		}

	#next {
		float:right;
		width:20px;
		height:18px;
		/*background:url(../images/flickr/der2.jpg) no-repeat top left;*/
		}
#containerflickr {
	width:180px;
	height:140px;/*100px;*/
	background:url(../images/flickr/loader.gif) no-repeat center center;
	/*background-color:#000000;*/
	/*padding:87px 13px 0 14px;*/
	margin:0 auto;
}

/*BANNERS*/

#banner_contenedor{
width:560px;
height:50px;
margin:30px auto 20px auto;
}

#banner_izq{
width:252px;
height:50px;
float:left;
}

#banner_der{
width:277px;
height:50px;
float:right;
}

/*CANALES*/

#canales{
width:495px;
height:50px;
margin:0 auto;
}

#rss{
width:161px;
height:47px;
float:left;
}

#facebook{
width:161px;
height:47px;
float:left;
padding-left:5px;
}

#twitter{
width:161px;
height:47px;
float:left;
padding-left:5px;
}

#bookmark{
margin-top:20px;
margin-left:20px;
}

.btn_fondo{
margin-right:20px;
}