/**
 *
 * CSS com estilos da pagina
 *
 * @Autor - General Desenvolvimento Web - http://www.ageneral.com.br
 */

/* 
	Estilo da barra superior
	========================================================================== */
.content-bar {
    background: #002342;
    height: 56px;
    text-align: center;
}
.content-bar .titulo {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    line-height: 56px;
    text-transform: uppercase;
}

/*
	Estilos da area do topo do leilõa
	========================================================================== */
.topo-leilao {}
.topo-leilao .background {
    overflow: hidden;
    position: relative;
    height: 340px;
    margin-top: 1px;
    border-bottom: 56px blue solid;
    border-bottom: 56px #1a6b90 solid;
}
.topo-leilao .background img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1300px;
}
.topo-leilao .folder {
    text-align: center;
    margin-top: -310px;
    position: relative;
}
.topo-leilao .folder a {}
.topo-leilao .folder img {
    min-height: 400px;
}

/* 
	Estilo do conteudo do leilão
	========================================================================== */
.conteudo-leilao {}
.conteudo-leilao .titulo-leilao {
    color: #1a6b90;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 30px;
    border-top: 1px #cdcdcd solid;
    margin: 0 30px;
    margin-top: 60px;
}
.conteudo-leilao .categoria-leilao{
    color: #818181;
    font-weight: 300;
    font-size: 16px;
    margin: 0 30px;
    line-height: 18px;
}
.conteudo-leilao .informacoes {
    margin: 0 20px;
    margin-top: 30px;
    overflow: hidden;
}
.conteudo-leilao .informacoes .info-box {
    float: left;
    margin: 0 10px;
    width: 300px;
}
.conteudo-leilao .informacoes .titulo{
    background: #1a6b90;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    position:relative;
}
.conteudo-leilao .informacoes .titulo:after {content:'';display: block;width: 1px;height: 50px;background: #fff;position: absolute;top: 0;left: 60px;}
.conteudo-leilao .informacoes .conteudo {
    color: #1a6b90;
    font-size: 22px;
    font-weight: bold;
    border: 1px #1a6b90 solid;
    margin-top: 3px;
    padding: 11px 10px;
    /* height: 50px; */
    line-height: 25px;
    font-weight: 300;
}
.conteudo-leilao .informacoes .data .conteudo {
    text-transform: uppercase;
    font-weight: bold;
}

.conteudo-leilao .informacoes .data .titulo:before{content:'';display: inline-block;width: 30px;height: 30px;background: transparent url(/Content/images/sprite.png) 0px -460px;position: relative;top: 8px;left: 14px;margin-right: 40px;}
.conteudo-leilao .informacoes .horario .titulo:before{content: '';display: inline-block;width: 30px;height: 30px;background: transparent url(/Content/images/sprite.png) -40px -460px;position: relative;top: 8px;left: 15px;margin-right: 40px;}
.conteudo-leilao .informacoes .local .titulo:before{content: '';display: inline-block;width: 30px;height: 30px;background: transparent url(/Content/images/sprite.png) -73px -460px;position: relative;top: 8px;left: 14px;margin-right: 40px;}
.conteudo-leilao .realizacoes {
    margin: 0 20px;
    overflow: hidden;
    margin-top: 40px;
}
.conteudo-leilao .realizacoes .info-box {
    width: 460px;
    float: left;
    margin: 0 10px;
}
.conteudo-leilao .realizacoes .titulo {
    background: #1a6b90;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}
.conteudo-leilao .realizacoes .conteudo {
    border: 1px #ebebeb solid;
    margin-top: 1px;
    padding: 10px;
    text-align: center;
}
.conteudo-leilao .realizacoes .conteudo img {margin: 10px 35px;}
.conteudo-leilao .realizacoes .transmissao .titulo:before{content:''}
.conteudo-leilao .realizacoes .realizacao .titulo:before{content:''}

.patrocinadores {
    border-bottom: 1px #cdcdcd solid;
    border-top: 1px #cdcdcd solid;
    padding-bottom: 40px;
    margin: 50px 30px;
    padding-top: 20px;
    text-align: center;
}
.patrocinadores .titulo {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    color: #1a6b90;
    margin-bottom: 20px;
}
.patrocinadores img {
    margin: 0 10px;
    margin-top: 20px;
}

/* 
	Estilo dos links uteis
	========================================================================== */
.informacoes-uteis, .links-uteis {
    background: #1a6b90;
    text-align: center;
    padding-bottom: 50px;
}
.informacoes-uteis .titulo, .links-uteis .titulo {
    font-weight: 300;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 25px 0;
}
.informacoes-uteis .conteudo, .links-uteis .conteudo {
    border-top: 1px rgba(255, 255, 255, 0.5) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
    margin: 0 30px;
}
.informacoes-uteis a, .links-uteis a {
    display: inline-block;
    height: 72px;
    line-height: 72px;
    width: 220px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.informacoes-uteis a:hover, .links-uteis a:hover {}
.informacoes-uteis a:before {content:'';display: inline-block;width: 30px;height: 30px;background: transparent url(/Content/images/sprite.png) 4px -495px;position: relative;top: 9px;margin-right: 5px;}
.informacoes-uteis a.folder:before { }
.informacoes-uteis a.entrada:before {background: transparent url(/Content/images/sprite.png) -26px -495px;}
.informacoes-uteis a.catalogo:before {background: transparent url(/Content/images/sprite.png) -58px -495px;}
.informacoes-uteis a.video:before {background: transparent url(/Content/images/sprite.png) -97px -497px;}

/* 
	Estilo do compartilhamento
	========================================================================== */
.compartilhe {
    text-align: center;
    margin-bottom: 40px;
}
.compartilhe-content {}
.compartilhe .titulo {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    color: #1a6b90;
    margin-bottom: 20px;
    margin-top: 35px;
}
.compartilhe ul {
    overflow: hidden;
    text-align: center;
}
.compartilhe li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.compartilhe a {}
.compartilhe img {}