html, body { height: 100%; }
body { background: #000000; color: #ffffff; font-size: 13px; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.4em; }

a { color: #ffffff; text-decoration: none; font-weight: normal; }

p { text-align: justify; }

h1 { font-family: 'CaviarDreams', sans-serif; font-size: 5.14em; color: #ffffff; text-transform: uppercase; font-weight: normal; margin: 0; margin-bottom: 60px; line-height: 1.2em; }

#tudo { position: relative; min-height: 100%; box-sizing: border-box; padding-top: 58px; }
.lt-ie7 #tudo { height: 100%; }

.slicknav_menu { display: none; }

#topo { background: #000000; padding: 0 75px; text-align: center; }

    #topo #logo { position: absolute; left: 75px; top: 0; }

    #topo #menu {  }
    #topo #menu li { display: inline-block; margin: 0 20px; }
    #topo #menu li a { text-transform: uppercase; font-family: 'Rosario', sans-serif; font-size: 1.20em; }
    #topo #menu li a:hover, #topo #menu li a.ativo { color: #7b7b7b; }

#conteudo { position: relative; margin: 65px auto 0 auto; padding-bottom: 108px; width: 970px; }

    #conteudo .caixa { background: #000000; padding: 20px 40px 60px 40px; width: 100%; position: relative; display: none; box-sizing: border-box; }
    #conteudo .caixa .bt-fechar { background: url('../../img/site/bt-fechar.png') no-repeat; display: block; width: 70px; height: 70px; text-indent: -10000px; position: absolute; top: 20px; right: 35px; cursor: pointer; }

    #conteudo .regulamento { max-height: 500px; }

    #conteudo form > div:not(.drop-foto) { float: left; width: 100%; margin: 3px 0 8px; }
    #conteudo label { margin-bottom: 3px; float: left; }
    #conteudo .col-2 > div { width: 49%; float: left; margin-right: 2%; }
    #conteudo .col-3 > div { width: 32%; float: left; margin-right: 2%; }
    #conteudo .col-4 > div { width: 23%; float: left; margin-right: 2%; }
    #conteudo .col-2 > div:last-of-type, #conteudo .col-3 > div:last-of-type, #conteudo .col-4 > div:last-of-type { margin-right: 0; }
    #conteudo .col-4 > div:last-of-type { width: 25%; }
    #conteudo input.text { border: 0; background: #ffffff; width: 100%; height: 30px; float: left; outline: 0; padding: 0 5px; box-sizing: border-box; }
    #conteudo .select { width: 100%; }
    .chosen-container-single .chosen-single { height: 33px !important; line-height: 33px !important; }
    #conteudo .botao { font-family: 'CaviarDreams', sans-serif; background: #ffffff; border: 1px solid #cccccc; height: 36px; line-height: 34px; width: 100px; text-transform: uppercase; font-weight: bold; float: left; margin-left: calc(50% - 50px); margin-top: 50px; color: #000000; }
    input.error { border: 1px solid red !important; }
    select.error { border: 10px solid red !important; }

    .sweet-alert p { color: #575757; }
    .sweet-alert button { background: #000000 !important; }

    .drop-foto { display: block; width: 196px; height: 289px; float: left; cursor: pointer; margin: 5px 22px 10px 0; border: 5px solid #ffffff; position: relative; }
    #fotos { float: left; width: 100%; }
    #foto1 { background: url('../../img/site/drop-foto1.jpg') no-repeat; }
    #foto2 { background: url('../../img/site/drop-foto2.jpg') no-repeat; }
    #foto3 { background: url('../../img/site/drop-foto3.jpg') no-repeat; }
    #foto4 { background: url('../../img/site/drop-foto4.jpg') no-repeat; margin-right: 0; }

    .dz-size, .dz-filename, .dz-success-mark, .dz-error-mark { display: none; }
    .dz-preview { position: relative; }
    .dz-remove { background: url('../../img/site/bt-remover.png') no-repeat; display: block; width: 32px; height: 32px; text-indent: -100000px; position: absolute; top: 12px; right: 12px; }
    .drop-foto .error { background: #000000; width: 100%; text-align: center; padding: 4px 0; }
    .dz-fallback { position: absolute; bottom: -57px; width: auto; }
    
    .mobile-only { display: none; }

#rodape { position: absolute; bottom: 0; padding: 0 75px; background: #000000; height: 43px; width: 100%; box-sizing: border-box; text-align: center; }

    #rodape #logo-instagram { margin-top: 9px; float: right; }
    #rodape #logo-fordmodels { margin-top: 11px; }
    #rodape #logo-shapper { float: right; margin-top: 11px; }


/* ==========================================================================
   Helpers
   ========================================================================== */

.clearfix:before,
.clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media only screen and (max-width: 890px) {

    body { font-size: 13px; }

    h1 { font-size: 2.4em; margin-bottom: 30px; }

    .slicknav_menu { display:block; background: #000000 !important; }
    .slicknav_nav { padding-bottom: 47px !important; }
    .slicknav_nav a { text-transform: uppercase; font-family: 'Rosario', sans-serif; outline: 0; }
    .slicknav_nav a:hover { background: none !important; color: #ffffff !important; }

    #tudo { padding-top: 0; float: left; width: 100%; }

    #topo { float: left; padding: 0; width: 100%; position: relative; z-index: 30; margin-bottom: 15px; text-align: center; }
    #topo #logo { position: relative; top: auto; left: auto; width: 140px; height: auto; margin-top: -47px; }
    #topo #menu { display: none; }

    #conteudo { width: 100%; margin-top: 0; padding-bottom: 58px; float: left; }
    #conteudo .caixa { box-sizing: border-box; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }
    #conteudo .caixa .bt-fechar { width: 25px; height: 25px; background-size: cover; right: 20px; top: 23px; }

    .mobile-only { display: inline; }

    #conteudo input.text { height: 25px; }
    #conteudo select { height: 25px; line-height: 25px; -webkit-appearance: menulist-button; }
    #conteudo .botao { clear: left; }
    select.error { border: 1px solid red !important; }

    #fotos { text-align: center; }
    #fotos .drop-foto { width: 98px; height: 144px; background-size: cover !important; margin: 5px; display: inline-block; float: none; }

    #rodape { padding: 0 20px; }
    #rodape #logo-fordmodels { float: left; }

}

@media only screen and (min-width: 891px) and (max-width: 980px) {

    #topo #menu { float: right; }

    #conteudo { width: 100%; }
    #conteudo .caixa { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }

    #fotos { text-align: center; }
    #fotos .drop-foto { display: inline-block; float: none; }

}