/*
    Document   : templates-style
    Created on : 05/02/2015, 11:43:21
    Author     : raiana
    Description:
        This stylesheet holds the main styles for the odebrecht ambiental site templates
*/


/*Single*/
input[readonly]{
    background: #E6E6E6;
}
body .container .page{
    margin-top: 20px;
    float: left;
    width: 100%;
}
body .container article.content{
    width: 100%;
    float: right;
}
@media (min-width: 768px){
    body .container article.content {
        width: 533px;
    }
}
@media (min-width: 960px){
    body .container article.content {
        width: 660px;
    }
}
body .container article.content.full-width{
    width: 100%;
    float: right;
}
body .container article.content > h2{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}
body .container article.content .content-wrap{
    border: 1px solid #dddddd;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
body .container article.content .content-wrap .error-message{
    color: #4d4e53;
    padding: 5px;
    margin-bottom: 10px;
    background: url('../images/error-message-alert.png') no-repeat center left #d9d9d9;
    border-left: 12px solid #c4151c;
    padding: 10px 0 10px 56px;
    vertical-align: middle;
    font-family: 'Odebrecht Sans';
}
body .container article.content .content-wrap .message{
    color: #4d4e53;
    padding: 5px;
    margin-bottom: 10px;
    background: url('../images/success-message-alert.png') no-repeat center left #d9d9d9;
    border-left: 12px solid #009946;
    padding: 10px 0 10px 56px;
    min-height: 50px;
    font-family: 'Odebrecht Sans';
}
/*Template Home*/
#home-view-banner{
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
}
#home-view-banner #bannerContainer {
    width: 100%;
    float:left;
    position: relative;
    height: 488px;
    margin-bottom: 10px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer {
        width: 383px;
        margin-bottom: 0px;
        height: 510px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer{
        width: 635px;
    }
}
#home-view-banner #bannerContainer .banner{
    height: 100%;
    width: 100%;
}
#home-view-banner #bannerContainer .banner img.banner-image{
    height: 100%;
    width: 100%;
    float: right;
}
#home-view-banner #bannerContainer .banner .painel-servicos{
    background: #FFF;
    width: 100%;
    border: 2px solid #e41e2b;
    height: 100%;
}
#home-view-banner #bannerContainer .banner .painel-servicos h1{
    background:#e41e2b;
    color:#fff;
    float: right;
    padding: 7px;
    font-size: 16px;
    letter-spacing: 1px;
    margin-right: 15px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos h1{
        font-size: 18px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos p{
    color:#434343;
    font-family: Odebrecht Slab;
    font-size: 16px;
    margin: 0px 0 0 0;
    padding-left: 20px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos p{
        margin: 20px 0 0 0;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos p{
        padding-left: 30px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos p.label-unidade{
    margin-top: 20px;
}
#home-view-banner #bannerContainer .banner .painel-servicos p.usuario{
    font-size: 20px;
    margin-top: 70px;
    padding-right: 55px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos p.usuario{
        font-size: 18px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos p.usuario{
        font-size: 25px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos a.logout{
    position: absolute;
    right: 20px;
    top: 73px;
    font-size: 19px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos a.logout{
        right: 20px;
        top: 73px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos a.logout{
        right: 20px;
        top: 73px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos a.logout img{
    margin-left: 5px;
}
#home-view-banner #bannerContainer .styledSelect{
    display: inline-block;
}
#home-view-banner #bannerContainer .styledSelect.cidades{
    display: none;
}
#home-view-banner #bannerContainer .banner .painel-servicos select{
    margin: 0px;
    margin-left: 20px;
    width: 310px;
    background: #e7e7e7 url('../images/dropdown_arrow.png') no-repeat right;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos select{
        width: 335px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos select{
        width: 275px;
        margin-left: 30px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos hr{
    border: 0;
    border-bottom: 1px dotted #d3d3d3;
    margin-top: 15px;
    margin-bottom: 10px;
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos {
    position: relative;
    float: left;
    padding: 5px 15px 15px 15px;

}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta {
    background: transparent;
    float: left;
    margin: 10px 0px 0px 0;
    width: 105px;
    height: 125px;
    text-align: center;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta {
        width: 165px;
        height: 125px;
        margin: 5px 0px 0px 0;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta {
        width: 149px;
        margin: 10px 0px 0px 0;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a{
    width: 100px;
    padding: 10px 0 0 0;
    text-align: center;
    color: #434343;
    font-family: Odebrecht sans;
    font-size: 12px;
    margin-bottom: 0px;
    height: 50px;
    transition: all 300ms ease-in;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a{
        width: 125px;
        height: 40px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a{
        width: 135px;
        height: 40px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta img{
    transition: all 300ms ease-in;
    width: 65%;
    max-width: 100%;
    height: auto;
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a:first-child{
    height: 75px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a:first-child{
        height: 93px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta a:first-child{
        height: 100px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta:hover a{
    text-decoration: none;
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta:hover a:first-child{
    text-decoration: none;
    padding: 0;
    transition: all 300ms ease-in;
}
#home-view-banner #bannerContainer .banner .painel-servicos .servicos .servicosSuaConta:hover a:first-child img{
    width: 75%;
}
#home-view-banner #bannerContainer .banner .painel-servicos .link-servicos{
    background: #e41e2b;
    color: #fff;
    padding: 4px 6px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos .link-servicos{
        right: 15px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos form{
    margin-top: 45px;
    padding-left: 20px;
    height: 75px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form{
        height: 110px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form{
        padding-left: 30px;
        height: 90px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos form .form-holder{
    display: inline-block;
    width: 275px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form .form-holder{
        width: 355px
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form .form-holder{
        width: 435px;
    }
}

#home-view-banner #bannerContainer .banner .painel-servicos form .button-holder{
    display: inline-block;
    width: 88px;
    vertical-align: top;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form .button-holder{
        width: 284px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form .button-holder{
       width: 88px;
    }
}

#home-view-banner #bannerContainer .banner .painel-servicos form label{
    color:#4d4e53;
    margin-right: 5px;
    font-family: 'Odebrecht Slab';
    width: 130px;
    font-size: 13px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form label{
        margin-right: 5px;
        width: 169px;
        font-size: 13px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form label{
        margin-right: 5px;
        width: 209px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos form input{
    font-family: 'Odebrecht sans';
    margin-top: 5px;
    width: 100%;
    height: 35px;
    border: 1px solid #e3e3e3;
    font: normal 11px Arial;
    color: #000000;
    text-indent: 0.01px;
    text-overflow: '';
    padding-left: 4px;
}
#home-view-banner #bannerContainer .banner .painel-servicos form button{
    color:#fff;
    background: #a7192f;
    border:none;
    padding: 12px 10px;
    font-family: 'Odebrecht slab';
    font-size: 12px;
    vertical-align: top;
    margin-top: 19px;
    margin-right: 5px;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form button{
        margin-top: 7px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form button{
        margin-top: 19px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos form a.btn-cadastro{
    margin: 0;
    color:#fff;
    border:none;
    padding: 12px 10px;
    font-family: 'Odebrecht slab';
    font-size: 12px;
    vertical-align: top;
    margin-top: 19px;
    background: #f28b00;
    display: inline-block;
    float: none;
}
@media (min-width: 768px){
    #home-view-banner #bannerContainer .banner .painel-servicos form a.btn-cadastro{
        margin-top: 7px;
    }
}
@media (min-width: 960px){
    #home-view-banner #bannerContainer .banner .painel-servicos form a.btn-cadastro{
        margin-top: 19px;
    }
}
#home-view-banner #bannerContainer .banner .painel-servicos form a.btn-cadastro:hover{
    text-decoration: none;
}
#home-view-banner #bannerContainer .banner .painel-servicos form a{
    font-family: 'Odebrecht sans';
    color: #4d4e53;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    text-align: right;
    margin-bottom: -15px;
    float: right;
}
#home-view-banner #destaquesContainer {
    width: 100%;
    float: right;
}
#home-view-banner #destaquesContainer .destaque-item{
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    position: relative;
    float: right;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer {
	width: 365px;
    }
    #home-view-banner #destaquesContainer .destaque-item{
        height: 160px;
        margin-bottom: 15px;
        display: block;
    }
}
@media (min-width: 960px){
    #home-view-banner #destaquesContainer {
	width: 313px;
    }
}
#home-view-banner button.slideButton{
    border: none;
    padding: 5px 19px;
    background: #a7192f;
    color: #fff;
    font-size: 27px;
    float: right;
    z-index: 99;
    position: relative;
}
#home-view-banner button.slideButton:hover{
    cursor: pointer;
}
#home-view-banner #destaquesContainer .destaque-item a{
    color: #e41e2b;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item a{
        font-size: 16px;
    }
}
#home-view-banner #destaquesContainer .destaque-item a img{
    width: 100%;
    height: 100%;
}
#home-view-banner #destaquesContainer .destaque-item a span{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .7);
    max-width: 205px;
}
#home-view-banner #destaquesContainer .destaque-item .atendimento h1,
#home-view-banner #destaquesContainer .destaque-item .saibamais h1{
    color:#4d4e52;
    font-size: 18px;
    padding: 0 0 12px 0;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item .atendimento h1,
    #home-view-banner #destaquesContainer .destaque-item .saibamais h1{
        padding: 0 0 10px 0;
    }
}
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo{
    border:1px solid #e4e4e4;
    padding: 15px 15px 0;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo{
        padding: 10px 10px 0;
    }
}
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo a,
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo span{
    display: block;
    background: #e7e7e7;
    margin-bottom: 15px;
    font-size: 12px;
    font-family: 'Odebrecht sans';
    color: #74787b;
    font-weight: bold;
    height: 32px;
    vertical-align: middle;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo a,
    #home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo span{
        margin-bottom: 10px;
    }
}
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo a img,
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo span img{
    height: 100%;
    width: auto;
    margin-right: 10px;
}
#home-view-banner #destaquesContainer .destaque-item .atendimento .conteudo a i{
    color: #e41e2b;
    margin-left: 5px;
}
#home-view-banner #destaquesContainer .destaque-item .saibamais .conteudo{
    background: #e7e7e7;
    padding: 15px 20px;
    min-height: 159px;
    position: relative;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item .saibamais .conteudo{
        padding: 15px 20px;
        min-height: 137px;
    }
}
#home-view-banner #destaquesContainer .destaque-item .saibamais .conteudo a{
    background: #a7192f;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 18px 28px;
    bottom: 15px;
    position: absolute;
    height: auto;
}
@media (min-width: 768px){
    #home-view-banner #destaquesContainer .destaque-item .saibamais .conteudo a{
        padding: 18px 28px;
    }
}
#home-view-banner #destaquesHzContainer{
    width: 100%;
    float: left;
}
@media (min-width: 768px){
    #home-view-banner #destaquesHzContainer{
        width: 768px;
        margin-left: -10px;
    }
}
@media (min-width: 960px){
    #home-view-banner #destaquesHzContainer{
        width: 970px;
    }
}
#home-view-banner #destaquesHzContainer .destaque-item{
    width: 100%;
    float: left;
    clear: right;
    margin-bottom: 30px;
    margin-top: -38px;
    z-index: 9;
    position: relative;
}
@media (min-width: 768px){
    #home-view-banner #destaquesHzContainer .destaque-item{
        width: 374px;
        margin-left: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
}
@media (min-width: 960px){
    #home-view-banner #destaquesHzContainer .destaque-item{
        width: 313px;
    }
}
#home-view-banner #destaquesHzContainer .destaque-item a:hover{
    text-decoration: none;
}
#home-view-banner #destaquesHzContainer .destaque-item a:hover span.title{
    text-decoration: underline;
}
#home-view-banner #destaquesHzContainer .destaque-item img{
    height: 210px;
    width: 100%;
    border-bottom: 3px solid #e41e2b;
    margin-bottom: 12px;
    padding-bottom: 1px;
}
@media (min-width: 768px){
    #home-view-banner #destaquesHzContainer .destaque-item img{
        height: 171px;
    }
}
@media (min-width: 960px){
    #home-view-banner #destaquesHzContainer .destaque-item img{
        height: 144px;
    }
}
#home-view-banner #destaquesHzContainer .destaque-item span.title{
    color: #4d4e52;
    font-size: 18px;
    padding: 10px 0;
    display: block;
    font-family: 'Odebrecht Slab';
    font-weight: normal;
}
#home-view-banner #destaquesHzContainer .destaque-item span{
    color: #77787c;
    font-family: 'Odebrecht sans';
}

/*Template Abas*/
#abas-view{
    width: 100%
}
#abas-view .abas-content{
    border: 1px solid #dddddd;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#abas-view .abas{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#myTab button{
    background: transparent;
    font-family: Odebrecht Slab;
    font-size: 14px;
    color: #a7192f;
    cursor: pointer;
    padding: 10px 15px;
    outline: none;
    border:none;
    border-radius: 4px 4px 0 0;
}
#myTab .active button{
    border: 1px solid #ddd;
    border-bottom: none;
}
#myTab button:hover{
    background: #eee;
    border: 1px solid #ddd;
    border-bottom: none;
}

/*Template Table View*/
#table-view{
    width: 100%
}
#table-view ul.table-anchor{
    display: block;
    background: #efefef;
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
}
#table-view ul.table-anchor li {
    display: inline-block;
    padding: 15px 0;
    margin-left: -1px;
}
#table-view ul.table-anchor li a {
    display: block;
    color: #4e4e4e;
    font-family: 'Odebrecht Slab';
    border-left: 1px solid #dddddd;
    padding: 0 10px;
}
#table-view .table-content{
    border: 1px solid #dddddd;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#table-view .table-content > h2 {
    color: #fff;
    font-family: 'Odebrecht Slab';
    font-size: 15px;
    background: #e41e2b;
    display: inline-block;
    padding: 15px 40px;
    margin: 0;
}
#table-view .table-content table{
    margin-bottom: 0;
}
#table-view .table-content table caption{
    color: #a7192f;
    text-align: right !important;
    font-family: Odebrecht Slab;
    margin-top: 10px !important;
}
#table-view .table-content table caption a{
    color: #a7192f;
}
#table-view .table-content table thead tr th{
    background: #777576;
    color: #fff;
    font-family: Odebrecht Slab;
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    width: 17%;
}
#table-view .table-content table tbody tr {
    border: 1px solid #dddddd;
}
#table-view .table-content table tbody tr td{
    background: transparent;
    text-align: center;
    padding: 15px 0;
    color: #4d4e53;
}
#table-view .table-content table tbody .odd{
    background: #f6f2f4;
}
#table-view .table-content .table-top-anchor {
    float: right;
    margin-top: 5px;
}
#table-view .table-content.content-small table tbody tr td{
    font-size: 10px;
}
#table-view .table-content.content-normal table tbody tr td{
    font-size: 12px;
}
#table-view .table-content.content-large table tbody tr td{
    font-size: 14px;
}
@media (min-width: 768px){
    #table-view ul.table-anchor li a{
        padding: 0 20px;
    }
    #table-view .table-content.content-small table tbody tr td{
        font-size: 12px;
    }
    #table-view .table-content.content-normal table tbody tr td{
        font-size: 14px;
    }
    #table-view .table-content.content-large table tbody tr td{
        font-size: 16px;
    }
}
@media (min-width: 960px){
    #table-view ul.table-anchor li a {
        padding: 0 35px;
    }
}

/*Template Videos*/
#videos-view{
    width: 100%
}
#videos-view .videos-content{
    border: 1px solid #dddddd;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#videos-view .videos-content .videos-column-3 .video-link{
    width: 30%;
    float: left;
    margin: 5px 1.6%;
}
#videos-view .videos-content .videos-column-2 .video-link{
    width: 46%;
    float: left;
    margin: 10px 2%;
}
#videos-view .videos-content a{
    background-color: #a7192f;
    display: block;
    color: #fff;
    text-decoration: none;
}
#videos-view .videos-content a span{
    display: block;
    padding: 10px;
    font-family: 'Odebrecht Sans';
    font-size: 14px;
    text-align: center;
}
#videos-view .videos-content .video-player{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 2%;
}
#videos-view .videos-content .video-player iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#videos-view .videos-content .video-veja-mais{
    background: url("../images/backGround_servicos.png") repeat-x;
    margin: 2%;
    font-family: 'Odebrecht Slab';
    color: #a7192f;
}
#videos-view .videos-content .video-veja-mais span{
    background: #fff;
    line-height: 25px;
    display: inline-block;
    padding: 0 10px;
}
#videos-view .videos-content .line-break{
    float: left;
    width: 100%;
}

/*Template Declara??o Negativa Debitos*/
.vn-debitos{
    width: 100%;
}
.vn-debitos th{
    text-align: left;
    background:  #dddddd;
    padding: 5px;
}
.vn-debitos td{
    padding: 5px;
}

/*Template Declara??o Anual Debitos*/
.da-debitos-form input[type=text]{
    border:1px solid #e4e4e4;
    line-height: 26px;
}
.da-debitos-form input[type=submit]{
    border: none;
    background: #a7192f;
    color: #fff;
    padding: 8px 8px;
    margin-left: -2px;
}

/*Template Onde Pagar Sua Conta*/
.opsc-item{
    border: 1px solid #dddddd;
    padding: 10px;
    margin-top: 10px;
}
.opsc-item:first-child{
    margin-top: 0px;
}
.opsc-item span{
    color: #a7192f;
    font-family: 'Odebrecht slab'
}

/*Seu Cadastro*/

body .container article.content.seu-cadastro .breadcrumb-cadastro{
   text-align: center;
   margin: 10px 0;
}
body .container article.content.seu-cadastro .breadcrumb-cadastro li{
    display: inline-block;
    margin-right: 20px;
}
body .container article.content.seu-cadastro .breadcrumb-cadastro li a{
    display: block;
    background: url("../images/cadastro-crumb.png") no-repeat -3px -4px;
    width: 145px;
    height: 39px;
    padding: 8px 0px 0 44px;
    color: #75787b;
    font-family: 'Odebrech sans';
    text-align: left;
}
body .container article.content.seu-cadastro .breadcrumb-cadastro li a.active{
    background: url("../images/cadastro-crumb.png") no-repeat -3px -52px;
}
body .container article.content.seu-cadastro .breadcrumb-cadastro li a:hover,
body .container article.content.seu-cadastro .breadcrumb-cadastro li a:active,
body .container article.content.seu-cadastro .breadcrumb-cadastro li a:focus{
    text-decoration: none;
}
body .container article.content.seu-cadastro .content-wrap .btn-adicionar-cdc{
    text-align: right;
    display: inline-block;
}
body .container article.content.seu-cadastro .content-wrap .btn-adicionar-cdc button{
    background: #a7192f;
    color: #fff;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-family: 'Odebrecht Slab';
    text-transform: uppercase;
    font-size: 12px;
}
body .container article.content.seu-cadastro .content-wrap button.desvincular-cdc{
    float: right;
    background: #a7192f;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-family: 'Odebrecht Slab';
    text-transform: uppercase;
    font-size: 12px;
    margin-right: -15px;
}
body .container article.content.seu-cadastro .content-wrap .item{
    width: 52%;
    color: #75787b;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
    vertical-align: top;
}
body .container article.content.seu-cadastro .content-wrap .item.full{
    width: 75%;
}
body .container article.content.seu-cadastro .content-wrap .item.half{
    width: 25%;
    margin-right: 2%;
}
body .container article.content.seu-cadastro .content-wrap .panel-body .item.half{
    width: 23.50%;
    margin-right: 2%;
}
body .container article.content.seu-cadastro .content-wrap .item.inline{
    display: inline-block;
}
body .container article.content.seu-cadastro .content-wrap .item.radio{
    padding: 0;
    margin: 0px 0 35px 0;
    width: 100%;
}
body .container article.content.seu-cadastro .content-wrap .item.radio label{
    display: inline-block;
    font-weight: normal;
    margin-left: 10px;
}
body .container article.content.seu-cadastro .content-wrap .item.radio input{
    width: auto;
    height: auto;
    line-height: normal;
    padding: 0;
    margin: 0 5px 0 0;
}
body .container article.content.seu-cadastro .content-wrap .item label{
    display: block;
    color: #75787b;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 15px;
}
body .container article.content.seu-cadastro .content-wrap .item label img{
    width: 15px;
    vertical-align: top;
}
body .container article.content.seu-cadastro .content-wrap label.error{
    font-family: 'Odebrecht Sans';
    color: #e41e2b;
    font-size: 12px;
    width: 100%;
    font-weight: bold;
    margin: 0;
}
body .container article.content.seu-cadastro .content-wrap .item input,
body .container article.content.seu-cadastro .content-wrap .item select{
    width: 100%;
    line-height: 35px;
    color: #75787b;
    font-family: 'Odebrecht Slab';
    padding: 0 10px;
    margin: 10px 0 10px 0;
    border: 1px solid #adadad;
    height: 35px;
}
body .container article.content.seu-cadastro .content-wrap .item input[type=submit],
body .container article.content.seu-cadastro .content-wrap .item button{
    background: #a7192f;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-family: 'Odebrecht Slab';
    text-transform: uppercase;
    font-size: 12px;
    width: auto;
    line-height: inherit;
    height: 35px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b5b5b5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b5b5b5;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b5b5b5;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #b5b5b5;
}

body .container article.content.seu-cadastro .content-wrap .modal .close{
    opacity: 1;
    color: #a7192f;
    font-family: Odebrecht Slab;
    font-size: 14px;
    margin-top: -13px;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-header {
    margin: 25px 20px;
    padding: 0;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-header h4 {
    width: 100%;
    display: block;
    float: left;
    margin-top: 11px;
    background: url("../images/backGround_servicos.png") repeat-x;
    font-family: Odebrecht Slab;
    font-size: 25px;
    color: #4d4e53;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-header h4 span {
    background: #fff;
    padding: 3px 10px;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-body {
    border: 1px solid #dddddd;
    margin: 20px;
    border-top: none;
    margin-top: 0;
    padding: 30px 10px 10px 10px;
    margin-bottom: 0;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-body img.buscar-cdc-loading{
    float: right;
    width: 50px;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-footer{
    border:none;
    margin-top: 0;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-footer button{
    background: #a7192f;
    color: #fff;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-family: 'Odebrecht Slab';
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
}
body .container article.content.seu-cadastro .content-wrap .modal .modal-footer button.cancel{
    background: #fff;
    color: #a7192f;
    border: 1px solid #a7192f;
}

body .container article.content.seu-cadastro .verifique-seu-email{
    text-align: center;
}
body .container article.content.seu-cadastro .verifique-seu-email > img{
    display: inline-block;
    width: 10%;
}
body .container article.content.seu-cadastro .verifique-seu-email > img{
    display: inline-block;
    width: 10%;
}
body .container article.content.seu-cadastro .verifique-seu-email > h3{
    font-family: 'Odebrecht slab';
    font-size: 20px;
    color: #a7192f;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm h2,
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm .cadastre-se-modal{
    display: none;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset{
    width: 50%;
    margin: 0 auto;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset label{
    width: 100%;
    text-align: left;
    color: #4d4e53;
    font-family: 'Odebrecht Slab';
    font-size: 15px;
    margin-top: 10px;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset input{
    font-family: 'Odebrecht sans';
    margin-top: 5px;
    width: 100%;
    height: 35px;
    border: 1px solid #e3e3e3;
    font: normal 11px Arial;
    color: #000000;
    text-indent: 0.01px;
    text-overflow: '';
    padding-left: 4px;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset button {
    color: #fff;
    font-family: Odebrecht Slab;
    background: #a7192f;
    border: none;
    margin-top: 10px;
    padding: 10px 15px;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset .button-holder{
    float: right;
}
body .container article.content.seu-cadastro .verifique-seu-email > #myLoginForm fieldset .button-holder a{
    font-family: 'Odebrecht sans';
    color: #4d4e53;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    text-align: right;
}
/*Login header*/
#login_user ul li.meus-enderecos{
    color: #a7192f;
    font-family: 'Odebrecht slab';
    position: relative;
}
#login_user ul li.meus-enderecos img{
    position: absolute;
    right: 42px;
    top: 19px;
}
#login_user ul li.meus-enderecos ul{
    position: absolute;
    right: initial;
    background: #f4f2f3;
    border: 0;
    width: 450px;
    top: 27px;
    padding: 10px;
    z-index: 99;
    border: 1px solid #CECECE;
}
@media (min-width: 768px){
    #login_user ul li.meus-enderecos ul{
        right: -100px;
    }
}
#login_user ul li.meus-enderecos ul li{
    border:none;
    font-family: 'Odebrecht sans';
    color: #4d4e53;
    width: 100%;
}
#login_user ul li.meus-enderecos ul li span.close{
    background: url(../images/link_close_icon.png) no-repeat;
    width: 24px;
    height: 17px;
    display: inline-block;
    opacity: 1;
}
#login_user ul li.meus-enderecos ul a{
    display: block;
    width: 100%;
    font-family: 'Odebrecht sans';
    color: #4d4e53;
    padding-left: 25px;
    margin: 5px;
    vertical-align: top;
    position: relative;
}
#login_user ul li.meus-enderecos ul a span{
    background: url(../images/meus-enderecos-check.png) no-repeat -3px -2px;
    left: 0;
    position: absolute;
    width: 21px;
    height: 21px;
}
#login_user ul li.meus-enderecos ul a.cdc-atual span{
    background: url(../images/meus-enderecos-check.png) no-repeat -3px -32px;
}
/*Fatura por email*/
.fatura-email-form label{
    width: 100%;
}
.fatura-email-form input{
    border:1px solid #e4e4e4;
    line-height: 26px;
    width: 100%;
}
.fatura-email-form input[type=submit]{
    width: auto;
    float: right;
    background: #a7192f;
    font-size: 11px;
    color: #fff;
    padding: 5px 10px;
    border: none;
    margin-top: 10px;
    margin-left: 10px;
}

/*Aplicativos*/
.single-content-wrap-app{
    border: 1px solid #dddddd;
    padding: 15px;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.single-content-wrap-app > div{
    display: block;
    float: left;
    width: 100%;
}
.single-content-wrap-app p{
    margin-bottom: 20px;
}
.app-h2{
    font-family: Odebrecht Slab;
    color: #fff;
    background: #ee0d13;
    display: inline-block;
    padding: 15px;
    float: left;
    margin:-15px 0 40px -15px;
}
.single-content-wrap-app img{
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.app-download-wrap a{
    margin-top: 30px;
    float: left;
}
.app-download-wrap a:first-child{
    margin-left: 145px;
}

/*Autoleitura*/
form.autoleitura .numer-field{
    width: 60px;
    height: 53px;
    border: 1px solid #a7192f;
    text-align: center;
    line-height: 50px;
    font-size: 35px;
    vertical-align: middle;
}
form.autoleitura p.entenda-seu-consumo{
    display: inline-block;
    width: 366px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    line-height: 15px;
    font-size: 13px;
    background: url("../images/warning-autoleitura.png") no-repeat center left;
    padding-left: 38px;
}
form.autoleitura .data{
    line-height: 41px;
    vertical-align: middle;
    border: 1px solid #adadad;
        padding-left: 10px;
}
form.autoleitura input[type=submit]{
    background: #a7192f;
    font-size: 11px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Odebrecht Slab;
}

.ui-corner-all{
    border-radius: 0px;
}
.ui-datepicker{
    padding: 0;
}
.ui-widget-header{
    background: #a7192f;
    color: #fff;
    border: none;
}
.ui-widget-header a{
    color:#FFF;
}
.ui-datepicker .ui-datepicker-prev-hover{
    left:2px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{
    top: 2px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
    background: transparent;
    border: none;
    text-align: center;
    font-weight: normal;
    font-family: 'Odebrecht sans';
    padding: 0.5em 0.4em;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
    border: none;
    background: #a7192f;
    font-weight: normal;
    color: #FFF;
}
.ui-datepicker-calendar thead{
    background: #c3c3c3;
}
.ui-datepicker th {
    padding: .9em .3em;
    text-align: center;
    font-weight: normal;
    border: 0;
    font-size: 11px;
    color: #5a5a5a;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
    background-color: #a7192f;
    color:#fff;
}
div.cdc-answer {
    position: absolute;
    width: 200px;
    background-color: #e7e7e7;
    padding: 10px;
    border: 1px solid #e4e4e4;
    text-align: left;
    display: none;
}
div.cdc-question {
    background-image: url('../images/icoQuestion.png');
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-bottom: -3px;
}
div.cdc-question:hover div.cdc-answer {
    display: block;
}


.configurar-autoleitura .panel-default > .panel-heading{
    background: #A7192F url('../images/link_plus_icon_big.png') no-repeat right;
}
.configurar-autoleitura .panel-default>.panel-heading+.panel-collapse .panel-body {
    background: #D9D9D9;
}
.configurar-autoleitura .panel-default>.panel-heading+.panel-collapse .panel-body p{
    line-height: 17px;
    font-weight: bold;
}
.configurar-autoleitura .panel-title > a{
    color: #fff !important;
}
.configurar-autoleitura form.autoleitura{
    float: left;
    background: #D9D9D9;
    width: 100%;
}
.configurar-autoleitura form.autoleitura h4{
    background: #A7192F;
    color: #fff;
    padding: 10px;
    font-family: Odebrecht Slab;
    font-size: 15px;
}
.configurar-autoleitura form.autoleitura div.submit{
    text-align: center;
}