@font-face {
  font-family: 'open_sansregular';
  src: url('font/OpenSans-Regular-webfont.eot');
  src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Regular-webfont.woff') format('woff'), url('font/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {

    font-family: 'open_sansregular', helvetica, arial, sans-serif; 
    font-size:12px;
    background-color: #f7f7f8;
   
}


.content 
{
   
    margin-top:15px;
    margin-left:10px;
    margin-right:10px; 
    height:120px; 
     
}

.Colombia ,.Indices,.MasMercados
{
   overflow:hidden;
   width: 84%;
   height:100%;
   margin-top:5px;
   line-height: 1.5;
   float:left;
}

.down
{
    color:#de2222;
}

.index 
{
    overflow:hidden;
    float:left;
    width: 22%;
    height:100%;
    margin-left:7px;   
    margin-right:3px;   
    border-right: 1px solid #e3e3e3;     
    padding-left:10px;   
}

.list
{
    overflow:hidden;
    float:left;
    width: 15%;   
}



@media screen and (max-width:1070px)
{
    body 
    {
   
    font-size:11px;

    }

    .index 
    {
        overflow: hidden !important;
        float: left !important; 
        width: 24%;
        height: 100%; 
        margin-left: 0px !important; 
        margin-right: 0px !important;
        padding-left: 0px !important; 
    }

    .title 
    {
        
        margin-left: 3px !important; 
    }
  
  
 }

.nemo,.type 
{
    color: #383838;
}

.same ,.close
{
    color:#6e819a;
}

table 
{  
    overflow:hidden;
    width:100%;
  
  
}

.title 
{
    overflow:hidden;
    color: #4b92d7;
    font-family: 'open_sansregular', helvetica, arial, sans-serif;
}


.type {
    overflow:hidden;
    width: 85%;
    height:17px;
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px 3px #f6f6f6;
    -moz-box-shadow: inset 0 0 3px 3px #f6f6f6;
    box-shadow: inset 0 0 2px 2px #f6f6f6;
    line-height: 1;
    padding-top:5px;
    padding-left:5px;
    text-align: left;
}

.type:hover 
{
    background-color:#DBDADF;
}

.up
{
    color:#599d11;
}


tr {
    margin-right:2px;
}