/* accordion home */
#accordion-home {
    width:340px;
    height:auto;
    float:left;
    margin:20px 0px 0px 0px;
}
.ui-icon-minus {
    color:#FF0000;
    background-position: -12px 0;
}
.ui-icon {
    left:310px;
    height: 13px;
    width: 12px;
}
.ui-accordion-header {
    padding:0em;
    height:30px;
    font-family: 'OpenSansCondensedLight', sans-serif;
    font-weight:300;
    font-size:20px;
    margin: 0;
    border:0px;
}
.ui-accordion-header a {
    color: #FFFFFF;
    height: 26px;
    margin: 0;
    padding: 4px 0 0 15px !important;
    position: absolute;
    text-decoration: none;
}
.ui-accordion-content {
    border:0px;
    padding: 1em;
}
.ui-accordion .ui-accordion-content {
    padding: 1em;
}
.ui-accordion-header h3 a {
    padding:0em;
    margin:0em;
    position:relative;
    top:-10px;
    display:inline;
}
.ui-accordion .ui-accordion-header a {
    display:inline;
    padding-left:1em;
}
.ui-accordion-content ul{
    float:left;
    margin: 0;
    width:50%;
}	
.ui-accordion-content ul li{
    list-style:disc;
    height:26px;
    width:auto;
}	
.ui-accordion-content a {
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
    line-height:26px; 
    color:#6e6e6e;
    text-decoration:none;
}
.ui-accordion-content a:hover {
    color:#6e6e6e;
    text-decoration:none;
}
.ui-accordion-content.productos li{
    background:url(/medios/2012/investor/images/ico-productos.png) no-repeat 0 0;
    margin-bottom: 9px;
}
.ui-accordion-content.productos li.consumo{
    background-position: 0 -35px;
}
.ui-accordion-content.productos li.tarjetas{
    background-position: 0 -76px;
}
.ui-accordion-content.productos li.inversiones{
    background-position: 0 -112px;
}
.ui-accordion-content.productos li.Hipotecario{
    background-position: 0 -148px;
}
.ui-accordion-content.productos li.seguros{
    background-position: 0 -187px;
}
.ui-accordion-content.servicios li{
    background:url(/medios/2012/investor/images/ico-servicios.png) no-repeat 0 4px;
    margin-bottom: 9px;
}
.ui-accordion-content.servicios li.bip{
    background-position: 0 -47px;
}
.ui-accordion-content.servicios li.cuenta-corriente{
    background-position: 0 -93px;
}
.ui-accordion-content.servicios li.inversiones{
    background-position: 0 -145px;
}
.productos.ui-state-active, .productos.ui-state-default {
    background: none repeat scroll 0 0 #E43A40;
}
.servicios.ui-state-active, .servicios.ui-state-default {
    background: none repeat scroll 0 0 #006db5;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
}
.ui-accordion .ui-accordion-header .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-state-active .ui-icon {
    background-image: url("/medios/2012/investor/images/custom-theme/bci/ui-icons_active.png");
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 10px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 10px;
}
.ui-accordion .ui-accordion-header .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-state-default .ui-icon {
    background-image: url("/medios/2012/investor/images/custom-theme/bci/ui-icons_default.png");
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 10px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 10px;
}
.ui-accordion .ui-accordion-content-active {
    display: inline-block !important;
    width: 316px;
}
.ui-accordion {
    width: 100%;
}
/* accordion interior */
.accordion{
    float: none;
    margin: 20px auto;
    width: 100%;
}
.accordion h3{
    border-top: 1px solid #d3d3d3;
    cursor: pointer;
    margin-bottom: 10px;
}
.accordion h3 a{
    color: #6e6e6e;
    font-size: 18px;
}
.accordion h3 span{
    height: 10px;
    left: auto;
    position: absolute;
    right: 20px;
    width: 10px;
    top: 11px;
}
.accordion h3 span.naranja-menos{
    background: url(/medios/2012/investor/images/flechas-azul.png) no-repeat 0 0;
}
.accordion h3 span.naranja-mas{
    background: url(/medios/2012/investor/images/flechas-azul.png) no-repeat  0 -10px;
}
.accordion.rojo h3 span.naranja-menos{
    background: url(/medios/2012/investor/images/flechas-rojas.png) no-repeat 0 0;
}
.accordion.rojo h3 span.naranja-mas{
    background: url(/medios/2012/investor/images/flechas-rojas.png) no-repeat  0 -10px;
}


.accordion .ui-accordion-content-active{width: auto;}
.accordion .ui-accordion-content p{ font-size: 16px;}
.accordion .ui-corner-all{border-radius: 0;}
.accordion .ui-accordion-content ul{width: 100%;}
.accordion .ui-accordion-content ul li{height: auto;}
.accordion .ui-accordion-header .ui-icon {top: 18px;}
/* accordion full */
.full-content .ui-accordion .ui-accordion-content{
    padding: 10px;
    width: 940px;
}
.full-content .ui-accordion-content .left{
    width: 455px;
    padding-right: 15px;
    float: left;
}
.full-content .ui-accordion-content .right{
    width: 455px;
    padding-left: 15px;
    float: left;
}
.full-content .ui-accordion-content ul{
    width: 100%;
}
.full-content .ui-accordion .ui-accordion-content ul li{
    height: auto;
    padding-left: 15px;
}

/* accordion 3 niveles */

#accordion.rojo-azul{
    clear: both;
    display: table;
    height: auto;
    font-family: 'OpenSansCondensedLight';
    width: 100%;
}
#accordion.rojo-azul h3{
    border-bottom: 1px solid #CCCCCC;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    clear: both;
    color: #6E6E6E;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
#accordion.rojo-azul h3 span{
    float: right;
    left: auto;
    right: 0;
}
#accordion.rojo-azul h3 a{
    clear: left;
}
#accordion.rojo-azul div{
	width: 558px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5;
}
#accordion.rojo-azul p{
    font-size: 16px;
	margin-bottom: 10px;
}
#accordion.rojo-azul ul {
    float: none;
    margin: 5px 0 5px 15px;
    padding: 0;
    width: auto;
}
#accordion.rojo-azul ul li{
    font-size: 16px;
    height: auto;
    /*list-style: disc outside none;*/
    padding: 0;
}
#accordion.rojo-azul h3 a,
.accordion-int h3 a,
#accordion.rojo-azul h3 a:hover,
.accordion-int h3 a:hover{
    text-decoration: none;
    font-size: 16px;
    font-family: 'OpenSansCondensedLight';
}
#accordion.rojo-azul .ui-accordion-content{
    background: none;
    padding: 0;
    *overflow: auto;
}

.accordion-int{
    clear: both;
    margin-left: 30px !important;
    position: relative;
    width: 568px !important;
}
.accordion-int h3{
    width: 568px !important;    
}
.accordion-int h3 a{
    color: #007DC3;
    display: block;
    position: relative;
    width: 550px;
}
.accordion-int div{
    margin: 0 0 10px;
    width: 568px !important;
}

/* Accordeon flechas rojo y azul */
#accordion .flecha-roja-e, #accordion .flecha-roja-s {
    background-image: url(/medios/2012/personas/images/seguros/flechas-rojas.png);
}
.accordion-int .flecha-azul-e, .accordion-int .flecha-azul-s {
    background-image: url(/medios/2012/personas/images/seguros/flechas-azul.png) !important;
}
#accordion .flecha-roja-e,
.accordion-int .flecha-azul-e{ background-position: 0 0; }
#accordion .flecha-roja-s,
.accordion-int .flecha-azul-s{ background-position: 0 -10px; }
#accordion .ui-icon.flecha-roja-e,
#accordion .ui-icon.flecha-azul-e,
#accordion .ui-icon.flecha-azul-s,
#accordion .ui-icon.flecha-roja-s{
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#accordion.rojo-azul .ui-state-active,
#accordion.rojo-azul .ui-state-default{
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
}
#accordion.rojo-azul .ui-state-active a,
#accordion.rojo-azul .ui-state-default a{
    font-weight: 700;
}