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

/* 
	Estilo da barra superior
	========================================================================== */
.content-bar {
	background: #002342;
	height: 56px;
}

.content-bar .titulo {
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	line-height: 56px;
	margin-left: 48px;
}

.content-bar .titulo:before {
	content:'';
	width: 30px;
	height: 30px;
	background: transparent url(/Content/images/sprite.png) -93px -417px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 12px;
	margin-right: 10px;
}

/*
	Estilos da area dos dias da agenda
	========================================================================== */
.agenda-leilao-content {
	margin: 0 30px;
}

.agenda-leiloes .title-area {
	overflow: hidden;
	margin-top: 40px;
}

.agenda-leiloes .title-area .legenda {
	color: #bbbbbb;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
}

.agenda-leiloes .title-area .legenda .data_atual {
	float: left;
	margin-right: 20px;
	height: 28px;
	line-height: 28px;
}

.agenda-leiloes .title-area .legenda .data_com {
	float: left;
	margin-right: 20px;
	height: 28px;
	line-height: 28px;
}

.agenda-leiloes .title-area .legenda .data_disponivel {
	float: left;
	height: 28px;
	line-height: 28px;
}

.agenda-leiloes .title-area .legenda span {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	border-left: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
	margin-right: 10px;
	padding: 1px 1px 2px 1px;
}

.agenda-leiloes .legenda span:before {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
}

.agenda-leiloes .legenda .data_atual span:before {
	background: #1a6b90;
}

.agenda-leiloes .legenda .data_com span:before {
	border-top: 1px #1a6b90 solid;
	margin-top: 3px;
}

.agenda-leiloes {
}

.agenda-leiloes .meses {
}

.agenda-leiloes .meses .anterior {
	float: left;
	width: 25px;
	height: 50px;
	display: block;
	overflow: hidden;
	background-color: #e5e5e5;
	position: relative;
	text-indent: 999%;
}

.agenda-leiloes .meses .proximo {
	float: left;
	width: 25px;
	height: 50px;
	display: block;
	overflow: hidden;
	background-color: #e5e5e5;
	position: relative;
	text-indent: 999%;
}

.agenda-leiloes .meses .proximo:before {
	content:'';
	display: block;
	position: absolute;
	top: 14px;
	left: 7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10.5px 0 10.5px 11px;
	border-color: transparent transparent transparent #818181;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.agenda-leiloes .meses .anterior:before {
	content:'';
	display: block;
	position: absolute;
	top: 14px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10.5px 11px 10.5px 0;
	border-color: transparent #818181 transparent transparent;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.agenda-leiloes .meses .mes {
	background-color: #1a6b90;
	color: #fff;
	display: block;
	width: 48px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	margin: 0 1px;
	font-weight: bold;
	font-size: 20px;
}

.agenda-leiloes .meses .disabled {
	opacity: 0.3
}

.agenda-leiloes .meses a:hover {
	background-color: #002342;
}

.agenda-leiloes .meses a.proximo:hover:before {
	border-color: transparent transparent transparent #fff;
}

.agenda-leiloes .meses a.anterior:hover:before {
	border-color: transparent #fff transparent transparent;
}

.agenda-leiloes .dias-area {
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 40px;
	border-bottom: 1px #d8d8d8 solid;
}

.agenda-leiloes .meses {
	float: left;
	width: 100px;
	height: 50px;
}

.agenda-leiloes .dias {
	float: right;
	width: 835px;
	height: 50px;
	overflow: hidden;
	margin-right: -1px;
}

.agenda-leiloes .dias ul {
}

.agenda-leiloes .dias li {
}

.agenda-leiloes .dias li:last-child {
	border-right: none;
}

.agenda-leiloes .dias a {
	display: block;
	padding: 1px;
	border-right: 1px #e5e5e5 solid;
	box-sizing: content-box;
	width: 24px;
	height: 50px;
	text-align: center;
}

.agenda-leiloes .dias .semana {
	width: 24px;
	height: 22px;
	line-height: 22px;
	background-color: #e5e5e5;
	display: block;
	font-weight: 300;
	color: #818181;
}

.agenda-leiloes .dias .dia {
	font-weight: bold;
	font-size: 16px;
	color: #bbbbbb;
	display: block;
	width: 24px;
	height: 25px;
	line-height: 25px;
	margin-top: 1px;
	border-top: 1px #fff solid;
}

.agenda-leiloes .dias .leilao .dia {
	border-top: 1px #1a6b90 solid;
}

.agenda-leiloes .dias .ativo .dia, .agenda-leiloes .dias li:hover .dia {
	background-color: #1a6b90;
	color: #fff;
	border-top: 1px #1a6b90 solid;
}

/* 
	Estilo da listagem dos leilões
	========================================================================== */
.leiloes-area {
	margin: 0 20px;
	margin-top: 40px;
	overflow: hidden;
}

.nenhum {
    text-align: center;
    text-transform: uppercase;
    color: #1A6B90;
    font-size: 18px;
    font-weight: 300;
    margin: 30px 0px 60px 0px;
}

.leiloes-area ul {overflow: hidden;}

.leiloes-area li {
	width: 300px;
	float: left;
	margin: 0 10px;
	margin-bottom: 50px;
}

.leiloes-area li:nth-child(3n+3):after {
	content:'';
	display: block;
	width: 940px;
	height: 1px;
	background: #d8d8d8;
	position: absolute;
	left: 30px;
	margin-top: 25px;
}

.leiloes-area a {
}

.leiloes-area .data {
	overflow: hidden;
	display: block;
	height: 50px;
}

.leiloes-area .dia {
	width: 69px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #1a6b90;
	color: #fff;
	display: block;
	font-size: 40px;
	font-weight: bold;
	float: left;
}

.leiloes-area .mes {
	width: 69px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px #1a6b90 solid;
	margin-left: 1px;
	color: #1a6b90;
	display: block;
	font-size: 24px;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}

.leiloes-area .hora {
	width: 79px;
	background: #ebebeb;
	display: block;
	float: left;
	height: 50px;
	line-height: 16px;
	padding-top: 4px;
	color: #1a6b90;
	font-weight: 300;
	font-size: 20px;
	text-align: center;
	margin-left: 1px;
}

.leiloes-area .hora span {
	text-transform: uppercase;
	font-size: 11px;
}

.leiloes-area .transmissao {
	width: 79px;
	border: 1px #ebebeb solid;
	display: block;
	float: left;
	height: 50px;
	line-height: 16px;
	padding-top: 9px;
	color: #1a6b90;
	font-weight: 300;
	font-size: 20px;
	text-align: center;
	margin-left: 1px;
}

.leiloes-area .informacoes {
	padding: 10px;
	display: block;
	margin-top: 1px;
	padding-bottom: 25px;
}

.leiloes-area a:hover .informacoes {
	background:#ebebeb
}

.leiloes-area .titulo {
	color: #1a6b90;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	display: block;
}

.leiloes-area .local {
	color: #818181;
	font-weight: 300;
	font-size: 16px;
	display: block;
	margin-top: 25px;
}

.agenda-completa {
}

.agenda-completa a {
	display: block;
	text-align: center;
	border: 1px #d8d8d8 solid;
	margin: 0 10px;
	height: 55px;
	line-height: 55px;
	color: #1a6b90;
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
}

.agenda-completa a:hover {
	background: #1a6b90;
	color: #fff;
}

h1 a, h1 a:hover, h1 a:visited, h1 a:active{
    color: #fff;
}

a.link-remateplay {
    color: white;
}

    a.link-remateplay:hover {
        color: white;
    }

    a.link-remateplay:visited {
        color: white;
    }

    a.link-remateplay:active {
        color: white;
    }

.social-remate {
    /*margin-top: 120px;*/
}

    .social-remate h2 {
        color: #1a6b90;
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 300;
        position: relative;
        height: 25px;
        line-height: 25px;
    }

        .social-remate h2:before {
            content: '';
            display: block;
            background: #1a6b90;
            height: 1px;
            width: 390px;
            position: absolute;
            left: 50px;
            top: 50%;
        }

        .social-remate h2:after {
            content: '';
            display: block;
            background: #1a6b90;
            height: 1px;
            width: 390px;
            position: absolute;
            top: 50%;
            right: 50px;
        }