@import "https://fonts.googleapis.com/css?family=Roboto+Mono:400,700";

@font-face {
    font-family:"Circular";
    font-style:normal;
    font-weight:900;
    src:url("../fonts/circular/lineto-circular-black.eot?#iefix") 
        format("embedded-opentype"),
        url("../fonts/circular/lineto-circular-black.woff")
        format("woff"),
        url("../fonts/circular/lineto-circular-black.ttf") 
        format("truetype"), 
        url("../fonts/circular/lineto-circular-black.svg#circularblack") 
        format("svg");
}

@font-face {
    font-family:"Circular";
    font-style:normal;
    font-weight:700;
    src:url("../fonts/circular/lineto-circular-bold.eot?#iefix")
        format("embedded-opentype"),
        url("../fonts/circular/lineto-circular-bold.woff")
        format("woff"),
        url("../fonts/circular/lineto-circular-bold.ttf")
        format("truetype"),
        url("../fonts/circular/lineto-circular-bold.svg#circularbold")
        format("svg");
}

@font-face {
    font-family:"Circular";
    font-style:normal;
    font-weight:400;
    src:url("../fonts/circular/lineto-circular-book.eot?#iefix")
        format("embedded-opentype"),
        url("../fonts/circular/lineto-circular-book.woff")
        format("woff"),
        url("../fonts/circular/lineto-circular-book.ttf")
        format("truetype"),
        url("../fonts/circular/lineto-circular-book.svg#circularbook")
        format("svg");
}

@font-face {
    font-family:"fontello";
    font-style:normal;
    font-weight:normal;
    src:url("../fonts/icons/fontello.eot?87275574#iefix")
        format("embedded-opentype"),
        url("../fonts/icons/fontello.woff?87275574")
        format("woff"),
        url("../fonts/icons/fontello.ttf?87275574")
        format("truetype"),
        url("../fonts/icons/fontello.svg?87275574#fontello")
        format("svg");
}

html, body
{
    font-family:Circular, Arial, sans-serif !important;
}

.icon-right::before
{
    content:'\e800';
}

[class^="icon-"]::before, [class*=" icon-"]::before
{
    font-family:"fontello";
    font-style:normal;
    font-weight:normal;
    speak:none;
}

.breadcrumbs
{
    background-color:#f7f7f7;
    border-bottom:1px solid #e6e6e6;    
    box-shadow:0 1px 5px rgba(0,0,0,0.05);    
    margin:0;
    margin-bottom:15px;
    padding:6px 12px 6px 12px;
    -moz-box-shadow:0 1px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.05);
}

.breadcrumbs ul
{
    list-style: none;
    margin:0;
    padding:0;
}

.breadcrumbs ul li
{
    display:inline;
    font-size:13px;
    margin:0;
    padding:0;    
}

.breadcrumbs ul li i
{
    font-size:10px;
    color:#f9bf53;
    margin:0 6px;
}

.btn-mercurio
{
    background-color:#554894;
    border:none;
    border-radius:3px;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);
    color:#fff;
    cursor:pointer;    
    display:inline-block;
    font-family:Circular,Arial,sans-serif;
    font-size:14px;
    outline:none;    
    text-align:center;
    transition:all 0.2s ease;    
    -moz-border-radius: 3px;    
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;    
    -webkit-border-radius:3px;    
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);
    -webkit-transition:all 0.2s ease;
}

.btn-mercurio:focus,
.btn-mercurio:hover
{    
    background-color:#b662bf;
    color:#fff;    
}

.icono-usuario
{
    background-image:url("../img/usuario.png");
    background-size:100%;
    background-repeat:no-repeat;
    border-radius:100px;
    display:block;
    float:left;
    height:24px;    
    margin-bottom:0 !important;    
    margin-right:12px;
    padding-bottom:0 !important;    
    width:24px;
    -moz-background-size:100%;
    -moz-border-radius:100px;
    -o-background-size:100%;
    -webkit-background-size:100%;
    -webkit-border-radius:100px;
}

.info-usuario
{
    display:inline;
}

@media (max-width: 767px)
{    
    .breadcrumbs ul li
    {
        display:inline;
        font-size:10px;
        margin:0;
        padding:0;    
    }    
}
