@import "http://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,500italic,400italic,300italic,100italic,900,700,500,300,100";
@import "http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600";

.flex-direction-nav a {
    background-color:transparent;
    color:#a40851;
    text-align:center;
    width:61px;
    height:61px;
    line-height:62px;
    z-index:5;
}
.flex-direction-nav a:hover {
    color:#ffffff;
}
.flex-direction-nav a:focus{
    outline: 0px;
}
.flex-direction-nav a:before {
    font-family:"FontAwesome";
    font-size:24px;
    display:inline-block;
    content:'\f190';
}
.flex-direction-nav a.flex-next:before {
    content:'\f18e';
}
#slider .flex-direction-nav .flex-prev {
    top:250px !important;
    left:inherit !important;
}
#slider .flex-direction-nav .flex-next {
    right:0 !important;
    top: 250px !important;
}
#carousel .flex-direction-nav .flex-prev {
    display: none;
}
#carousel .flex-direction-nav .flex-next {
    display: none;
}

.interessado {
    margin-left: -20px;
    position: relative;
    float: left;
    background: #cccccc;
}
#interessadoForm {
    width: 290px;
}
#interessadoForm .titulo {
    width: 100%;
    padding: 10px 0 10px 10px;
    font-size: 13px;
    color: #ffffff;
    background-color: #a40851;
}
#interessadoForm h5.descricao {
    padding: 6px 6px 6px 5px;
    font-size: 12px;
    color: #111111;
    text-align: center;
}
#interessadoForm .formulario {
    padding-bottom: 6px;
    margin-top: 0px;
}
#interessadoForm .formulario .grupo {
    width: 300px;
    border-collapse: collapse;
    color: #111111;
}
#interessadoForm .formulario .grupo label{
    color: #111111;
}
#interessadoForm .formulario .grupo .linha .nome {
    width: 80px;
    padding: 3px 0 2px 5px;
    font-size: 12px;
    color: #333333;
    text-align: left;
}
#interessadoForm .formulario .grupo .linha .campo {
    width: 170px;
    height: 32px;
    padding: 1px 0 5px 5px;
    font-size: 12px;
}
#interessadoForm .formulario .grupo .linha .campo input {
    width: 170px;
    height: 25px;
    padding: 2px;
    float: left;
    color: #a40851;
    border: 1px solid;
    border-color: #ffffff;
    background: #ffffff;
}
#interessadoForm .formulario .grupo .linha .campo select {
    width: 170px;
    height: 32px;
    padding: 2px;
    float: left;
    color: #a40851;
    border: 1px solid;
    border-color: #ffffff;
    background: #ffffff;
    margin-left: 0px;
}
#interessadoForm .formulario .grupo .linha.mensagem {
    width: 300px;
    display: block;
    float: left;
}
#interessadoForm .formulario .grupo .linha.mensagem .campo {
    height: 50px;
    float: none;
}
#interessadoForm .formulario .grupo .linha.mensagem .campo textarea {
    width: 170px;
    height: 80px;
    padding: 2px;
    float: left;
    color: #a40851;
    border: 1px solid;
    border-color: #ffdbc9;
    background: #ffffff;
    resize:none;
    margin-left: 15px;
    margin-top: 0px;
}
#interessadoForm .formulario .obs {
    width: 100%;
    padding-top: 2px;
    font-size: 12px;
    color: #111111;
    text-align: right;
}
#interessadoForm .formulario .obs .obrigatorio {
    font-size: 1.3em;
    text-align: right;
}

#interessadoForm .formulario a.enviar {
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    color: #ffffff;
    border-left: 5px solid #000000;
    display: block;
    background-color: #a40851;
    text-decoration: none;
}
#interessadoForm .formulario a:hover {
    color: #000000;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.dadosImovel .extra1 {
    margin-top: -30px;
}

.dadosImovel .extra1 .extra2 .titulo {
    width: 680px;
    height: 35px;
    margin: 20px 0 5px 0;
    padding-left: 10px;
    line-height: 36px;
    font-size: 1.5em;
    color: #666666;
    top: 0;
    text-transform: uppercase;
    background-color: #cccccc;
}
.dadosImovel .extra1 .extra2 .areaDados .subTitulo {
    width: 680px;
    color: #666666;
    padding-bottom: 3px;
    border-bottom: 1px solid;
    font-size: 1.4em;
    border-color: #cccccc;
}
.dadosImovel .extra1 .extra2 .descricao, .dadosImovel .extra1 .extra2 .descricao p{
    width: 680px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 3px;
    float: left;
    font-size: 14px;
    color: #666666;
    padding-left:20px;
    line-height:22px;
}
.dadosImovel .extra1 .extra2 .descricao ul{
    padding-left: 10px;
    margin-top: 30px;
}
.dadosImovel .extra1 .extra2 .descricao ul li {
    font-size: 14px;
    color: #666666;
}

.dadosImovel .extra1 .extra2  h3 {
    clear: both;
    font-size: 14px;
    color: #666666;
    position: relative;
    padding-top: 30px;
    margin-bottom: 10px;
}

.dadosImovel .extra1 .extra2 .areaDados .dados .linha .campoDado {
    width: 50%;
    padding: 3px 0;
    font-size: 1.3em;
    color: #333333;
}
.dadosImovel .extra1 .extra2 .areaDados .dados .linha .campoDado .calendario {
    width: 160px;
    height: 30px;
    padding: 5px 0 5px 39px;
    line-height: 30px;
    font-size: 1.1em;
    position: relative;
    color: #333333;
    display: block;
    background-color: #cccccc;
}
.dadosImovel .extra1 .extra2 .areaDados .dados .linha .campoDado .calendario .icone:before {
    width: 25px;
    height: 25px;
    font-size: 45px;
    top: 2px;
    left: 9px;
    color: #808080;
    position: absolute;
    font-family: icones, iconesIE;
    content: "c";
    display: block;
}
.dadosImovel .extra1 .extra2 .areaDados .dados .linha .campoDado .calendario:hover {
    color: #808080;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.dadosImovel .extra1 .extra2 .areaDados .dados .linha .campoObs {
    padding-top: 8px;
    font-style: italic;
}

#descricao{
    background-color: #ffffff;
    border-radius: 3px;
    border: #999999 1px solid;
    padding: 10px;
    width: 100%;
}

#descricao h3{
    margin-top: 0px;
    padding: 5px;
    text-align: center;
    background-color: #dddddd;
}

#mapa{
    background-color: #ffffff;
    border-radius: 3px;
    border: #999999 1px solid;
    padding: 10px;
    width: 100%;
    height: 500px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    #mapa{
        min-height: 600px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    #mapa{
        min-height: 400px;
    }

}

@media only screen and (max-width: 767px) {
    #mapa{
        min-height: 300px;
    }
}