/*

*/


body{
    background:#FFFFFF;
    font-family: verdana,arial,helvetica,serif;
    font-size:10px;
    margin: 0px;
    padding: 0px;
}

.top{
    height: 30px;
}
.headerleft{
    float:left;
    width:auto;
    margin-top: -6px;
}

.headerright{
    height: 26px;
    float:right;
    width:auto;

}

.header{
    /*width:96%;*/
    background:#F0F0F0;
    background-position:bottom;
    height: 30px;
    padding: 0px 30px 0px 30px;
    /*background:url(../images/layout/header/header.gif);*/

}

.footer {
    border-top:1px solid #e4e4e4;
    padding:12px 0;
    margin:12px 0;
    float:left;
    width:100%;
    color:#666;
    font-size:.88em;
    text-align:center;
    background-image:url(../images/footershadow.jpg);
    background-position:top;
    background-repeat:repeat-x;
}


input, select, textarea {
    font-family: verdana,arial,helvetica,serif;
    font-size:10px;
    padding:1px 3px;
    background:#fff url(../images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
}



input:focus, select:focus, textarea:focus {
    border:1px solid #7eadd9;
}


input.button, input.submit, input.reset{
    border: solid 1px #CCCCBB;
    padding: 4px;
}

input#bigbutton {
    width:500px;
    background: #638CC2; /*the colour of the button*/
    padding: 8px 14px 10px; /*apply some padding inside the button*/
    border:1px solid #638CC2; /*required or the default border for the browser will appear*/
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    /*style the text*/
    font-size:1.5em;
    font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
    letter-spacing:.1em;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    color: #fff;
    font-weight:  bold;
    /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
    -webkit-box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    /*give the corners a small curve*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigbutton:hover, input#bigbutton:focus {
    color:#dfe7ea;
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
}
input.bigbuttonmin {
    width:120px;
    background: #FFF; /*the colour of the button*/
    padding: 8px 14px 10px; /*apply some padding inside the button*/
    border:1px solid #638CC2; /*required or the default border for the browser will appear*/
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    /*style the text*/
    font-size:9px;
    font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
    letter-spacing:.1em;
    text-shadow: 0 0px 0px #638CC2;; /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    color: #638CC2;
    font-weight:  bold;
    /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
    -webkit-box-shadow: inset 0px 1px 0px #FFF, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #FFF, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #FFF, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    /*give the corners a small curve*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input.bigbuttonmin:hover, input.bigbuttonmin:focus {
    color:#dfe7ea;
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #638CC2, 0px 2px 0px 0px #454C76, 0px 2px 5px #999;
}

div.bigbutton {
    width:500px;    
    padding: 8px 14px 10px; /*apply some padding inside the button*/
    border:2px solid #157FCC; /*required or the default border for the browser will appear*/
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/

    font-weight:  bold;
    /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
    -webkit-box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #638CC2, 0px 5px 0px 0px #454C76, 0px 10px 5px #999;
    /*give the corners a small curve*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

p{
    font-family: verdana,arial,helvetica,serif;
    font-size:9px;
}




img{
    border: 0px;
}



a:link {
    text-decoration:none;
    color:#0000FF;
}
a:active {
    text-decoration:none;
    color:#0000FF;
}
a:visited {
    text-decoration: none;
    color: #062A7D;
}


form fieldset{
    border-width:1px;
    border-style:solid;
    border-color:#B5B8C8;
    background-color:#EEEEEE;
}

#indicator{
    background:url(../images/ajax-loader.gif);
    width: 24px;
    height: 24px;
}


/*
* Estilos estandar para mostrar informacion en listas mediante una tabla
*/

/*
tables
*/

table.tableList {
    background-color: #FFFFFF;
    padding: 0px;
    border: 1px solid #CCCCCC;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.tableList th {
    margin: 0px;
    padding: 6px 4px 2px 4px;



    /*
    height: 25px;
    font-size: 10px;
    color: #FFFFFF;
    background: #2E4B66;
    */
    background: transparent url( ../images/layout/panel/white-top-bottom.gif) scroll 0 -1px;
    background-repeat: space repeat;
    border:1px solid #D0D0D0;
    color:#333333;


}

/*
* Colores que puede tomar una fila de acuerdo al status en que se encuentre
*/

.alignLeft{
    text-align: left;
}

table.tableList tr.yellow{
    background-color:#FFFFCC;
}

table.tableList tr.green{
    background-color:#CEFFCE;
}

table.tableList tr.greentwo{
    background-color:#F2FFF6;
}

table.tableList tr.blue{
    background-color:#CEE7FF;
}

table.tableList tr.orange{
    background-color:#FFE4AE;
}


table.tableList tr.purple{
    background-color:#9999CC;
}

table.tableList tr.pink{
    background-color:#FFCCCC;
}

table.tableList tr.rowt {
    background-color: #E6E6E6;
}

table.tableList tr.row0 {
    background-color: #F5F5F5;
}
table.tableList tr.row1 {
    background-color: #FFF;
}

table.tableList tr.row2 {
    background-color: #D2D2D2;
}

table.tableList tr.row0:hover {
    background-color: #f1f1f1;
}
table.tableList tr.row1:hover {
    background-color: #f1f1f1;
}


table.tableList td {
    border-bottom: 1px solid #e5e5e5;
    padding: 4px;
    color:#333333;        

}


table.tableList td.captura {
    text-align:left;
    vertical-align:top;
    background:#1D3F99;
    color:#FFFFFF;
}
table.tableList td.destacar {
    text-align:left;
    background:#FFFFC0;
    color:#1D3F99;
    vertical-align:top;
}
table.tableList td.divisor {
    text-align:center;
    background:#000000;
    color:#FFFFFF;
}
table.tableList td.imprimir {
    text-align:left;
    background:#FFFFFF;
    color:#000000;
}
table.tableList td.invertir {
    text-align:left;
    background:#D2D2D2;
    color:#000000;

}
table.tableList td.listar {
    text-align:left;
    background:#F0F0F0;
    color:#000000;
}
table.tableList td.mostrar {
    text-align: left;
    background: #F0F0F0;
    color: #000000;
}
table.tableList td.partir {
    font-weight:bold;
    text-align:left;
    vertical-align:top;
    background:#1D3F99;
    color:#FFFFFF;
}
table.tableList td.periodo {
    text-align:left;
    background:#CCCCCC;
    color:#000000;
    vertical-align:top;
}
table.tableList td.resaltar {
    text-align:left;
    background:#9999CC;
    color:#000000;
    vertical-align:top;
}
table.tableList td.titulo {
    text-align:center;
    background:#1D3F99;
    color:#FFFFFF;
}
table.tableList td.valores {
    text-align: right;
    vertical-align: top;
    background: #F0F0F0;
    color: #000000;
}
table.tableList td.dinamica {
    text-align: left;
    vertical-align: top;
    background: #F0F0F0;
    color: #000000;
}
table.tableList td.numeros {
    text-align: right;
    vertical-align: top;
    background: #FFFFFF;
    color: #000000;
}
table.tableList td.numCenter {
    text-align: right;
    vertical-align: center;
    background: #FFFFFF;
    color: #000000;
}
table.tableList th.imprimir {
    text-align:center;
    background:#FFFFFF;
    color:#000000;
}


.boxText {
    background-color:#FFFFFF;
    margin:10px;
    padding:10px;
    border:solid #999999 1px;
}


/** cpanel settings **/

#cpanel div.icon {
    text-align: center;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}

#cpanel div.icon a {
    display: block;
    float: left;
    border: 1px solid #f0f0f0;
    height: 97px;
    width: 108px;
    color: #666;
    vertical-align: middle;
    text-decoration: none;
}

#cpanel div.icon a:hover {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
    color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; font-size:11px; }



/*
* Estilos para colocar colores a DIV
*/

div.grey{
    background:#F6F6F6;
}

/*
* Estilos para la barra de herramientas
*/


.toolbar{
    color: #333333;
    background: #F0F0F0;
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px;
    height: 30px;
    width:95%;
    background-image: url(../images/layout/submenu/submenubg.gif);


}

.toolbarbtnWraper{
    float:left;
    margin-left: 5px;
    padding: 2px ;
}

.toolbarbtnhelp{
    float: right; right: 20px; padding: 2px

}

.toolbar a.toolbarBtn{
    padding-left: 4px;
    padding-right: 4px;

    color: #333333;
    display: block;
    font-size:9px;
    max-width: 150px;
}

.toolbar a.toolbarBtn:hover{
    border: 1px solid #CCCCCC;

}

.submenuleft{
    float:left;
}

.submenuright{
    float:right;
}



/*
.toolbar a.toolbar {
        color: #333333;
        text-decoration : none;
        text-align:center;
        font-size:10px;
        display: block;
        border: 1px solid #DDD;
        width: 80px;
        padding-top: 3px;
        padding-bottom: 3px;
}

.toolbar a.toolbar:hover {
        color : #C64934;
        border: 1px solid #c24733;
        background-color: #f1e8e6;
        padding-top: 3px;
        padding-bottom: 3px;
}
.toolbar a.toolbar:active {
        color : #FF9900;
}

.toolbar td{
        vertical-align:top;
        padding-left: 3px;
        background-color: #F6F6F6;
}
.toolbar tr{
        border-color: #CCCCBB;
}

a.toolbar {
        color : #808080;
        text-decoration : none;
}
a.toolbar:hover {
        color : #FF6600;
}
a.toolbar:active {
        color : #FF9900;
}
*/


/*
* Combos
*/
.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 3px 3px 3px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
    background:#FFFFFF;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin-left: 5px;
    width:100px;
    display:block;
    clear:none;
}

.search-item-failed {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 3px 3px 3px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#f20e0e;
    background:#FFFFFF;
}
/*
* Colores diferentes para las flias de una grilla
*/
.row_yellow{
    background-color: #FFFFCC !important;

}
.row_pink{
    background-color: #FFCCCC !important;
}
.row_blue{
    background-color: #F4F8FF !important;
}

.row_green{
    background-color:#CEFFCE !important;
}

.row_green{
    background-color:#CEFFCE !important;
}

.row_purple{
    background-color:#9999CC !important;	
}

.row_orange{
    background-color:#FFCC66 !important;	
}

.row_apricot{
    background-color:#FAE9DE !important;	
}

.row_gray{
    background-color:#E6E6E6 !important;	
}

.row_white_hide-row-expander .x-grid-row-expander {
    visibility: hidden;
    background-color: #FFFFFF !important;
}

.row_pink_hide-row-expander .x-grid-row-expander {
    visibility: hidden;
    background-color: #FFCCCC !important;
}

.grouped-list .x-boundlist-item {
    padding: 1px 3px 0 10px
}

.grouped-list .group-header {
    padding: 4px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

/*
* Thumbnails
*/
.file-view .x-panel-body{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
.file-view .thumb{
    /*background: #dddddd;*/
    padding: 3px;
}
.file-view .thumb img{
    height: 32px;
    width: 40px;
}

.file-view .userthumb{
    /*background: #dddddd;*/
    padding: 3px;
}
.file-view .userthumb img{
    height: 64px;
    width: 60px;
}
.file-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.file-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}

.file-view .x-view-selected .thumb{
    background:transparent;
}

.file-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
    padding: 4px;
}

.file-view .x-view-selected{
    background: #eff5fb url(images/selected.gif) no-repeat right bottom;
    border:1px solid #99bbe8;
    padding: 4px;
}


.file-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/default/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

div.storybox {


    /*background: #F0F0F0 url(../images/bg_newsitem.png) repeat-x;*/
    border: 1px solid #EEE;
    border-color: #EEE #EEE #DDD #EEE;
    clear: both;
    color: #333;
    line-height: 1.5;
    margin-left:35%;
    height: 200px;

    width: 25%;
    -moz-border-radius-topright : 6px;
    border-top-right-radius : 6px;
    -moz-border-radius-topleft : 6px;
    border-top-left-radius : 6px;
    -moz-border-radius-bottomright : 6px;
    border-bottom-right-radius : 6px;
    -moz-border-radius-bottomleft : 6px;
    border-bottom-left-radius : 6px;
}


div.storybox .title {
    color: #2A337C;    
    padding: 3px 4px;
    background-color: #062A7D;
    color: #FFFFFF;
    -moz-border-radius-topright : 6px;
    border-top-right-radius : 6px;
    -moz-border-radius-topleft : 6px;
    border-top-left-radius : 6px;

}
div.storybox .body {

    font-size: 11px;
    text-align: center;
    padding: 10px;
    height: auto;
}


/*
* Iconos usados en toolbars
*/

.add{
    background-image:url('../images/fam/add.png') !important;
}

.application_form{
    background-image:url('../images/fam/application_form.png') !important;
}

.link{
    background-image:url('../images/fam/application_link.png') !important;
}

.map{
    background-image:url('../images/fam/map.png') !important;
}

.folder{
    background-image:url('../images/fam/folder.png') !important;
}

.delete{
    background-image:url('../images/fam/delete.png') !important;
}

.disk{
    background-image:url('../images/fam/disk.png') !important;
}

.upload-icon {
    background: url('../images/fam/image_add.png') no-repeat 0 0 !important;
}

.refresh {
    background: url('../images/fam/arrow_refresh.png') no-repeat 0 0 !important;
}

.switch {
    background: url('../images/fam/arrow_switch.png') no-repeat 0 0 !important;
}

.falabella {
    background: url('../images/fam/falabella.png') no-repeat 0 0 !important;
}

.opencomex {
    background: url('../images/16x16/logo_opencomex.png') no-repeat 0 0 !important;
}

.add-img {
    background: url('../images/fam/picture_add.png') no-repeat 0 0 !important;
}

.event-add {
    background: url('../images/fam/calendar_add.png') no-repeat 0 0 !important;
}     

.note-add {
    background: url('../images/fam/note_add.png') no-repeat 0 0 !important;
}     

.pdf {
    background: url('../images/fam/pdf-small.png') no-repeat 0 0 !important;
}

.open {
    background: url('../images/fam/lock_open.png') no-repeat 0 0 !important;
}

.audit {
    background: url('../images/fam/audit.png') no-repeat 0 0 !important;
}

.email {
    background: url('../images/fam/email.png') no-repeat 0 0 !important;
}

.tick {
    background: url('../images/fam/tick.png') no-repeat 0 0 !important;
}

.search {
    background: url('../images/fam/zoom.png') no-repeat 0 0 !important;
}

.import {
    background: url('../images/fam/table_go.png') no-repeat 0 0 !important;
}

.table {
    background: url('../images/fam/table.png') no-repeat 0 0 !important;
}

.textfield_add {
    background: url('../images/fam/textfield_add.png') no-repeat 0 0 !important;
}

.page_white_edit {
    background: url('../images/fam/page_white_edit.png') no-repeat 0 0 !important;
}

.server {
    background: url('../images/fam/server_go.png') no-repeat 0 0 !important;
}

.application_form_add {
    background: url('../images/fam/application_form_add.png') no-repeat 0 0 !important;
}

.application_form_edit {
    background: url('../images/fam/application_form_edit.png') no-repeat 0 0 !important;
}

.page_copy {
    background: url('../images/fam/page_copy.png') no-repeat 0 0 !important;
}


.graph{
    background-image:url('../images/fam/bricks.png') !important;
}

.report_edit {
    background: url('../images/fam/report_edit.png') no-repeat 0 0 !important;
}

.register {
    background: url('../images/fam/register.png') no-repeat 0 0 !important;
}

.table {
    background: url('../images/fam/table.png') no-repeat 0 0 !important;
}

.error {
    background: url('../images/fam/error.png') no-repeat 0 0 !important;
}

.page_white_acrobat {
    background: url('../images/fam/page_white_acrobat.png') no-repeat 0 0 !important;
}

.page_world {
    background: url('../images/fam/page_world.png') no-repeat 0 0 !important;
}

.application_link {
    background: url('../images/fam/application_link.png') no-repeat 0 0 !important;
}

.table_multiple {
    background: url('../images/fam/table_multiple.png') no-repeat 0 0 !important;
}

.folder_table {
    background: url('../images/fam/folder_table.png') no-repeat 0 0 !important;
}

.calculator {
    background: url('../images/fam/calculator.png') no-repeat 0 0 !important;
}

.accept {
    background: url('../images/fam/accept.png') no-repeat 0 0 !important;
}

.warning {
    background: url('../images/fam/error.png') no-repeat 0 0 !important;
}

.exclamation {
    background: url('../images/fam/exclamation.png') no-repeat 0 0 !important;
}

.preview {
    background: url('../images/fam/zoom.png') no-repeat 0 0 !important;
}

.llegada {
    background: url('../images/fam/arrival.png') no-repeat 0 0 !important;
}

.status {
    background: url('../images/fam/status.png') no-repeat 0 0 !important;
}

.ffletes {
    background: url('../images/fam/invoice.png') no-repeat 0 0 !important;
}

.fotm {
    background: url('../images/fam/invoice.png') no-repeat 0 0 !important;
}

.fcontenedores {
    background: url('../images/fam/invoice.png') no-repeat 0 0 !important;
}

.contenedores {
    background: url('../images/fam/container.png') no-repeat 0 0 !important;
}

.desconsolidacion {
    background: url('../images/fam/desconsolidation.png') no-repeat 0 0 !important;
}

.planilla {
    background: url('../images/fam/dian.png') no-repeat 0 0 !important;
}

.dian {
    background: url('../images/fam/muisca.png') no-repeat 0 0 !important;
}

.global{
    background: url('../images/CG30.png') no-repeat 0 0 !important;
}

.building {
    background: url('../images/fam/building.png') no-repeat 0 0 !important;
}

.user {
    background: url('../images/fam/user.png') no-repeat 0 0 !important;
}

.checklist {
    background: url('../images/formularios/activo.png') no-repeat 0 0 !important;
}

.no_checklist {
    background: url('../images/formularios/delete.png') no-repeat 0 0 !important;
}

.group_add{
    background: url('../images/fam/group_add.png') no-repeat 0 0 !important;
}
.star{
    background: url('../images/fam/star.png') no-repeat 0 0 !important;
}
.wrench_orange{
    background: url('../images/fam/wrench_orange.png') no-repeat 0 0 !important;
}
.money{
    background: url('../images/fam/money.png') no-repeat 0 0 !important;
}
.money_dollar{
    background: url('../images/fam/money_dollar.png') no-repeat 0 0 !important;
}
.page_white_magnify{
    background: url('../images/fam/page_white_magnify.png') no-repeat 0 0 !important;
}
.page_white_params{
    background: url('../images/fam/basket_put.png') no-repeat 0 0 !important;
}
.idg{
    background: url('../images/fam/idg.png') no-repeat 0 0 !important;
}

.json{
    background: url('../images/fam/json.png') no-repeat 0 0 !important;
}


.page_white_acrobat{
    background: url('../images/fam/page_white_acrobat.png') no-repeat 0 0 !important;
}

.printer{
    background: url('../images/fam/printer.png') no-repeat 0 0 !important;
}

.information {
    background: url('../images/fam/information.png') no-repeat 0 0 !important;
}

.calendar-today {
    background: url('../images/fam/calendar-today.png') no-repeat 0 0 !important;
}

.calendar {
    background: url('../images/fam/calendar.png') no-repeat 0 0 !important;
}

.tux {
    background: url('../images/fam/tux.png') no-repeat 0 0 !important;
}

.clock {
    background: url('../images/fam/clock.png') no-repeat 0 0 !important;
}

.shape_align_left {
    background: url('../images/fam/shape_align_left.png') no-repeat 0 0 !important;
}

.arrow_up {
    background: url('../images/fam/arrow_up.png') no-repeat 0 0 !important;
}

.calendar_view_week {
    background: url('../images/fam/calendar_view_week.png') no-repeat 0 0 !important;
}

.arrow_left{
    background: url('../images/fam/arrow_left.png') no-repeat 0 0 !important;
}

.arrow_right{
    background: url('../images/fam/arrow_right.png') no-repeat 0 0 !important;
}



.preview-right {
    background: url('../images/16x16/preview-right.gif') no-repeat 0 0 !important;
}

.preview-bottom {
    background: url('../images/16x16/preview-bottom.gif') no-repeat 0 0 !important;
}

.preview-hide {
    background: url('../images/16x16/preview-hide.gif') no-repeat 0 0 !important;
}

.new-tab {
    background: url('../images/16x16/new_tab.gif') no-repeat 0 0 !important;
}

.website{
    background-image:url('../images/fam/website.png') !important;
}


.calculator{
    background-image:url('../images/fam/calculator.png') !important;
}

.camion{
    background-image:url('../images/fam/lorry.png') !important;
}
.picture-add{
    background-image:url('../images/fam/picture-add.png') !important;
}


.topic {
    padding-left:20px;
    background:transparent url('../images/16x16/post.gif') no-repeat 0 2px !important;
}

.recargo {
    padding-left:20px;
    background:transparent url('../images/16x16/elbow-end.gif') no-repeat 0 2px !important;
}

.sap{
    width:45px;        
    background: url('../images/icons/sap.jpg') no-repeat 0 0 !important;
}

/*.sap a{
    width:45px;        
    
}*/


.btnComentarios{
    padding-left:50px;
    font-size:9px;
    color:#676767;


}




.csv {
    padding-left:28px;
    background:transparent url('../images/24x24/csv.png') no-repeat 0px !important;
}


.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

#panel-noticias-wrap{
    margin: 10px;

}


hr {
    border: 1px;
    width: 95%;
    background-color:#333333;
    height:1px;
}

.story{
    font-size: 11px;
    text-align:left;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    margin-left: 20px;
    margin-right: 20px;

}

.story_coment{
    font-size: 11px;
    color: #2E4B66;
    text-align:left;
    cursor:pointer;
}

.response_status{
    background:#ECEFF5;
    width: 400px;
    margin-top: 2px;
    padding: 4px;
}

body.x-border-layout-ct{
    background:#FFFFFF;
}

/*
Estilos usados en el programa de traficos
*/

.preview .x-panel-body h4.post-author {
    font-weight:normal;
    color:#555;
    font-size:11px;
}
.preview .x-panel-body span.post-date {
    font-weight:normal;
    color:#555;
    float:right;
    font-size:11px;
}
.preview .x-panel-body div.post-data {
    background:#f1f2f4;
    padding:5px;
    border-bottom:1px solid #dadadb;
}

div.post-info{
    background:#F9FAFB;
    padding:5px;
    border:1px solid #dadadb;
    margin: 12px
}



.preview .x-panel-body div.post-body {
    padding:10px;
}

.x-grid3-row-body p {
    margin:5px 20px 10px 25px !important;
    color:#555;
}


.homePanel{
    padding:0 12px 0 12px;
    font-size: 9px;
    color:#666666;

}

.content{
    margin: 20px;
}

.rojo{
    color: #FF0000 !important;
}
.verde{
    color: #00FF00 !important;
}

.azul{
    color: #0000FF !important;
}
.gris{
    color: #878ea2 !important;
}

/*
Errores
*/

ul.error_list{
    background-color:#FF0000;
    color:#FFFFFF;
}

.error{
    background-color:#FF0000;
    color:#FFFFFF;
}

/*

*/
.group_expanded{
    padding: 2px 2px 2px 15px;

    cursor:pointer;
    background: transparent url(../images/group-expand-sprite.gif) no-repeat scroll 3px -49px;
}

.group_collapsed{
    padding: 2px 2px 2px 15px;

    cursor:pointer;
    background: transparent url(../images/group-expand-sprite.gif) no-repeat scroll 3px 0px;


}


.myDragClass{
    background: #EEEEEE;
}

.dragHandle{
    cursor:pointer;

}

.dragHandle:hover{
    cursor:pointer;
    background: url(../images/updown2.gif) no-repeat;
    background-position: right;
}



/*
box
*/


div.box1 {
    background: #F0F0F0 url(../images/bg_newsitem.png) repeat-x;
    border: 1px solid #EEE;
    border-color: #EEE #EEE #DDD #EEE;
    clear: both;
    color: #333;
    line-height: 1.5;
    padding: 10px;
}


div.box1 .title {
    color: #2A337C;
    font: bold 1.2em Tahoma,sans-serif;
    padding: 3px 4px;
}
div.box1 .body {
    font-family: "Trebuchet MS",Tahoma,sans-serif;
    font-size: 0.9em;
    text-align: justify;
}


#mask {
    background-color:#FFFFFF;
    height:100%;
    left:0;
    display: none;
    position:absolute;
    top:0;
    width:100%;
    z-index:100;
}





.custom .x-progress-inner {
    height:17px;
    background: #fff;
}
.custom .x-progress-bar {
    height:15px;
    background:transparent url(images/custom-bar.gif) repeat-x 0 0;
    border-top:1px solid #BEBEBE;
    border-bottom:1px solid #EFEFEF;
    border-right:0;
}

.paging a{ font-size: 11px}

.paging a.activate{font-size: 12px;color: #000000; font-weight: bold}



.x-grid3-star-col {
    background-image:url(../images/16x16/star_fade.png);
    background-repeat: no-repeat;
}

.x-grid3-star-col-on {
    background-image:url(../images/16x16/star.png);
    background-repeat: no-repeat;
}

.b{
    font-weight: bold;
}


.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(../images/clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(../images/expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(../images/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

.trans_aereo {
    height: 29px; 
    width: 38px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px -38px !important;
}
.trans_maritimo {
    height: 40px; 
    width: 37px;
    padding-left: 39px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px -67px !important;
}
.trans_terrestre {
    height: 38px; 
    width: 38px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px 0px !important;
}


.nivel2-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 0 0 transparent !important;
    padding-left: 29px;
}
.nivel3-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 15px 0 transparent !important;
    padding-left: 44px;
}
.nivel4-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 30px 0 transparent !important;
    padding-left: 59px;
}
.nivel5-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 45px 0 transparent !important;
    padding-left: 74px;
}
.nivel6-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 60px 0 transparent !important;
    padding-left: 89px;
}
.nivel7-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 75px 0 transparent !important;
    padding-left: 104px;
}
.nivel8-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 90px 0 transparent !important;
    padding-left: 119px;
}
.nivel9-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 105px 0 transparent !important;
    padding-left: 134px;
}
.nivel10-notahijo {
    background: url("../images/auditoria/notahija.png") no-repeat scroll 120px 0 transparent !important;
    padding-left: 149px;
}
.nivel2-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 0 0 transparent !important;
    padding-left: 29px;
}
.nivel3-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 15px 0 transparent !important;
    padding-left: 44px;
}
.nivel4-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 30px 0 transparent !important;
    padding-left: 59px;
}
.nivel5-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 45px 0 transparent !important;
    padding-left: 74px;
}
.nivel6-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 60px 0 transparent !important;
    padding-left: 89px;
}
.nivel7-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 75px 0 transparent !important;
    padding-left: 104px;
}
.nivel8-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 90px 0 transparent !important;
    padding-left: 119px;
}
.nivel9-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 105px 0 transparent !important;
    padding-left: 134px;
}
.nivel10-tareahijo {
    background: url("../images/auditoria/tareahija.png") no-repeat scroll 120px 0 transparent !important;
    padding-left: 149px;
}

.report-add {
    background: url("../images/fam/report_add.png") no-repeat scroll 0 0 transparent !important;
}
.event-add {
    background: url("../images/fam/calendar_add.png") no-repeat scroll 0 0 transparent !important;
}
.event-edit {
    background: url("../images/fam/calendar_edit.png") no-repeat scroll 0 0 transparent !important;
}
.event-close {
    background: url("../images/fam/calendar_link.png") no-repeat scroll 0 0 transparent !important;
}
.report-close {
    background: url("../images/fam/report_link.png") no-repeat scroll 0 0 transparent !important;
}
.report-edit {
    background: url("../images/fam/report_edit.png") no-repeat scroll 0 0 transparent !important;
}
.note-add {
    background: url("../images/fam/note_add.png") no-repeat scroll 0 0 transparent !important;
}
.note-edit {
    background: url("../images/fam/note_edit.png") no-repeat scroll 0 0 transparent !important;
}

.trm {
    position: relative; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    o-border-radius: 6px; 
    khtml-border-radius: 6px; 
    border: 1px solid #CAD8F3; 
    background-color: #157FCC; 
    padding: 0px 3px 0px 3px !important;
    cursor: pointer;
    line-height: 24px; 
    color: #FFF;
}
.trm:hover {
    font-weight: bolder;
}

table#tarifa{
    width:90%; 
    background-color: #FFFFFF; 

}
table#tarifa th { 
    margin: 0px;
    padding: 6px 4px 2px 4px; 
    background-color: #E3E3E3;
    text-align: center;        
}

table#tarifa td { 
    text-align: center;        
}

th.subtitulo{
    font-size: 10px;
    font-family: verdana,arial,helvetica,serif;
}

.tabla2 tr td {
    width:100%;
    height: 35px;
}

.cabecera {
    font-weight: bold;
    background-color: #F2F2F2;
}

.trans_aereo_grande {
    height: 70px; 
    width: 70px;
    padding-left: 39px;
    padding-bottom: 30px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px -38px !important;
}

.trans_maritimo_grande {
    height: 40px; 
    width: 37px;
    padding-left: 39px;
    padding-bottom: 35px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px -67px !important;
}

.trans_terrestre_grande {
    height: 38px; 
    width: 38px;
    padding-left: 39px;
    padding-bottom: 38px;
    background: url('../images/24x24/ico-transp.jpg') no-repeat 0px 0px !important;
}

.boxLabelTitle {
    font-weight: bold;
    font-style: italic;
    vertical-align: top;
}

.boxLabel {
    font-style: italic;
    text-align: justify;
}

.recibocaja td{
    width: 100%;
    margin: auto;
}

.icon-grid1 {
    background-image: url(../images/icons/fam/grid.png);
}


.add1{
    background-image: url(../images/fam/add1.png) !important;
}


.cancel1{
    background-image:url('../images/fam/cancel1.png') !important;
}



.font8{
    font-size: 8px;
}


/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/font-awesome/sass/src/all.scss:20 */
.x-fa:before {
    font-family: FontAwesome !important;
}

/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/font-awesome/sass/etc/_icons.scss:19 */
.fa-star:before {
    content: "\f005" !important;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/packages/font-awesome/sass/etc/_icons.scss:20 */
.fa-star-o:before {
    content: "\f006" !important;
}