/* 
    Document   : style-ida
    Created on : 23-12-2013, 10:08:43 AM
    Author     : Nathaly
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/* Columnas */
.row [class*="column"] {display: block;float: left;margin-right: 1.754%;}
[class*="column"].last {margin-right: 0px !important;}
.column1 {width: 8.26025%;}
.column2 {width: 16.5205%;}
.column3 {width: 28.5%;}
.column4 {width: 32.164%;}
.column5 {width: 41,30125%;}
.column6 {width: 49.5615%;}
.column7 {width: 57.82175%;}
.column8 {width: 66.082%;}
.column12{width: 99.123%;}



/* Estilos Gráficas Highcharts */
.mail-send {left: 510px; width: 365px; position: absolute; z-index: 1; top: 305px; text-align: right;}
.send {font-size: 1.285em; border: 0 none;background: url('../img/iconos/little-sendaqua.png') no-repeat 1px;text-decoration: underline; padding-left: 25px;}
.mail-send button {cursor: pointer;}
#chart{margin-top:10px;}
.chart-values{margin: 5px 2%;}
.chart-details{background: #F5F5F5; padding-bottom: 20px;}
.chart-preview{width:21%;}
.banco-data{width:73%;}
.pad-block{padding-top:0;}
.posrelative hgroup h2{margin-bottom: 0; margin-top:0; font-size: 3em;line-height: 120%;font-weight: normal; padding-left: 8px;}
.posrelative hgroup h3{font-size: 1.7em;font-weight: normal; margin-top:0.3em; padding-left: 10px;}
.subtitle{font-size: 1.7em;line-height: 120%;font-weight: normal;}
.coin-value {margin-top:10px;}
.coin-value h4{font-size:17px; font-weight:500; color:#000; margin-top:0; margin-bottom: 0;}
.svg little-back {background-image: url(../img);}
.little-back{font-size:1em; background: url('../img/iconos/back-button.png') no-repeat left center; position: absolute; top: 22%;right: 25px; color: #DDD;border: 0 none; text-decoration: underline; padding-left: 15px; padding-right: 0px; float: right;}
.black-header{padding: 10px; position: relative; font-weight: bold; background:#ECF4F1; border-bottom:1px solid #CCCCCC;}
.black-header h4{margin-top:0; font-weight:bolder; font-size: 18px;}
/* .black-header h4{margin-top:0; margin-bottom:3px; font-size: 1.4em;} */
.rotulo{font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; margin-bottom: 0; line-height: 140%; margin-top: 0;}
.details{font-size: 12px; color: #585858; display: block; text-transform: none; font-weight: normal;}
.list-style {padding: 10px 0;}
.big-value{line-height: 25px;font-size: 28px; font-weight:bold;}
.referencia {border-top: 1px solid #CCCCCC;padding-left: 10px;padding-top: 10px; font-size:14px;}
.description.list-style.last {background: #ECF4F1; padding: 0 0 10px;}
.description.list-style.last h3{margin-top:0; font-weight:bold;}
.description h5{font-weight:bold; font-size:16px; color: #C55214; padding-bottom: 10px;}
#refer {padding-left: 10px;}
#valor-actual {border-bottom: 1px solid #CCCCCC;padding: 10px 0;}
/* Fin Estilos Gráficas Highcharts */


/* Estilos Listado Superior */
.min-val-wrapp{ width: 100%; text-align: left; margin-bottom: 10px; float:left;}
.min-val-wrapp strong{font-size:15px;}
.min-title {padding: 5px 0;font-size: 15px;}
.fleft{float: left;} /* Valor de flote izquierdo */
.fright{float: right;} /* Valor de flote derecho */
.red{color: #EB1924; float: none; display: block;} /* Valor destacado rojo */
.green{color: #76B846; float: none;display: block;} /* Valor destacado verde */
/* Fin Estilos Listado Superior */

/* Estilos Listado Inferior */
.content .bank-table {overflow:hidden; margin:0; list-style:none;}
.content .bank-table li {margin: 0px 0 5px;background: rgba(241, 241, 241, 0.45);padding: 0px 5px 5px 5px;background-image: none;height: 45px;}
.content .bank-table li .th{font-weight:600; text-decoration:none; font-size:1.3em;}
.content .bank-table li a{overflow: hidden; display: block; color:#06C;}
.content .bank-table li a:hover{color:#06C;}
.content .bank-table ul li a{background-color:rgba(219, 219, 219, 0.45);}
.content .bank-table ul li a{display: block; padding: 0 25px 0;overflow: hidden; }
a.active .evt-chart{margin-bottom:25px; padding:10px; background-color: lightgray; }
a.active .evt-chart:hover{background-color:rgba(219, 219, 219, 0.45);}
a.active .evt-chart:active{background-color:blue;}
.content .bank-table li span{display: block; float: left; width: 18%; font-weight: normal; text-align: left;}
.content .bank-table li span strong{font-weight:bold; text-decoration:none; }
.content .bank-table li .initial{text-decoration:underline;}
.content .bank-table .only-data-single{}
.content .bank-table li span .chart-preview{margin:0; width:20%;}
.content .bank-table li span .banco-data{width:75%; margin-left:3%;}
.content .bank-table th li span{padding: 10px; width:18%;}
.five{background:no-repeat 98% center rgba(255, 255, 255,0.03);}
/* Fin Estilos Listado Inferior */

/* Estilos Segundo Listado Inferior */
.content .four-list ul li{margin-left:0; background-image:none;}
.content .final-list li{margin-left: 0;background-image: none;}
/* Fin Estilos Segundo Listado Inferior */

/*-------Generales------*/
.container{margin-bottom:20px;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.cerrar{cursor:pointer;}
/*-------Lightbox------*/
.cortina{background:#000; background:rgba(0,0,0,0.8); height:100%; width:100%; position:fixed; top:0; z-index:999;}
.ligthbox-form{
    background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 1%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e5e5e5 1%,#ffffff 100%);
    background: -o-linear-gradient(top,  #e5e5e5 1%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 1%,#ffffff 100%);
    background: linear-gradient(to bottom,  #e5e5e5 1%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
    position:fixed; 
    top:50px; 
    width:750px; 
    left:25%; 
    padding:10px;
    box-shadow:1px 1px 1px rgba(0,0,0,0.5);
    z-index:999;
}
.mail {padding-left: 40px; background: url('../img/iconos/big-send.png') no-repeat center left; display:block; height:32px; padding-top:15px;}
.lightbox-wrap-cols{overflow:hidden;}
.ligthbox-form{box-shadow: 0px 5px 10px rgba(0,0,0,0.9); position:fixed;}
ligthbox-form form{position:relative;}
.ligthbox-form label {color: #333333; font-weight: bold; display: block; margin-bottom: 10px;}
.ligthbox-form input, .ligthbox-form textarea {padding:5px; background: #CCCCCC;border: 1px solid #BBBBBB;border-bottom: 1px solid #AAAAAA;margin-bottom: 20px; width: 337px; color: #000000; height:30px;}
.ligthbox-form .row .column6 {border-right: 1px solid #CCCCCC;padding: 0 1.754%;margin-right: 0; width:46.5%;}
.ligthbox-form .row .column6.last {border: 0 none;padding-right: 0;}
.ligthbox-form input[type="submit"]{cursor:pointer; width:300px; margin:auto; display:block; margin-top:20px; background:#009899; color:#FFF; font-size: 16px; font-weight: bold; border:0 none;}
.ligthbox-form textarea{height:130px;}
.ligthbox-form input.invalid-input, .ligthbox-form textarea.invalid-input{border:1px solid #D90000;}
.error{color:#D90000;}

.cerrar {position: absolute;top: 10px;right: 10px;color: transparent;background: url('../img/iconos/cerrar-icon.png') no-repeat center center;border: 0 none;width: 15px;height: 15px;padding: 0;}
.cerrar:hover{opacity:0.5;}
/*----Tablas---*/
.content .bank-table li span .banco-data{margin-left:3%;}

.four-list ul{overflow:hidden; margin:0;}
.content .four-list ul li.final-list{padding-left:0; width:431px; margin-right:15px; float:left;}
/*.content .four-list ul li.final-list{padding-left:0; width:431px; margin-right:16px; float:left;}*/
.content .four-list ul li.final-list.last{margin-right:0;}
.content .bank-table li{margin:0;}

.details {font-size: 13px;color: #999999;display: block;text-transform: none;font-weight: normal;}
.bank-table {overflow: hidden;margin: 0;list-style: none;}
.bank-table{margin:0;}

.bank-table li{border-bottom:1px solid #F0EEEE}
.bank-table li:hover, .bank-table li:nth-child(odd):hover{background: #EEEBEB;}
.bank-table li:nth-child(odd) {background: #F1F1F1}

.bank-table li.th {background: #F3F3F3; border-bottom: 0; padding:10px; overflow:hidden; height:auto; border-bottom: 1px solid #D1D1D1;}
.bank-table li.th span{color:#000000; font-weight: bold;}
.bank-table.two li span:first-child {color: #333333; width:120px; margin-left:0;}
.bank-table.two li span {color: #333333; width:279px; margin-left:10px}
/*.bank-table.three li span:first-child{width: 26.333333%;} */
.bank-table.three li span:first-child{width: 50%;}
.bank-table.three li span {color: #333333; width:30%;}
.bank-table.three li span:last-child{width: 20%;}
.content .bank-table li{height:auto; padding:10px; overflow:hidden;}

.bank-table.five li a span:first-child {color: #06C;text-decoration: none;}
.bank-table.five li a{background:url(/recursos/sbifweb3/fichabancaria/img/iconos/doble-arrow.png) no-repeat top right;}
.bank-table.five li a:hover span:first-child {text-decoration: underline;}
.data-value, .bank-table.five li a, .bank-table.five li a:hover{color:#333333;}

.bank-table li span.chartSpan{width:26%;}
.svg .data-info{background:url(/recursos/sbifweb3/fichabancaria/img/iconos/info-icon.svg) no-repeat 0px 0px;}


#table-result-1 td { border-right: 0px;}